webpack.mix.js

   1 const mix = require('laravel-mix');
   2
   3 /*
   4  |--------------------------------------------------------------------------
   5  | Mix Asset Management
   6  |--------------------------------------------------------------------------
   7  |
   8  | Mix provides a clean, fluent API for defining some Webpack build steps
   9  | for your Laravel application. By default, we are compiling the Sass
  10  | file for the application as well as bundling up all the JS files.
  11  |
  12  */
  13
  14 mix.js('resources/js/app.js', 'public/js')
  15         .react()
  16         .sass('resources/sass/app.scss', 'public/css')
  17         .extract([
  18                 '@babel/runtime',
  19                 '@fortawesome/fontawesome-free',
  20                 '@fortawesome/fontawesome-svg-core',
  21                 '@fortawesome/free-brands-svg-icons',
  22                 '@fortawesome/free-solid-svg-icons',
  23                 '@fortawesome/react-fontawesome',
  24                 '@popperjs/core',
  25                 '@restart/hooks',
  26                 '@restart/ui',
  27                 'axios',
  28                 'formik',
  29                 'i18next',
  30                 'i18next-browser-languagedetector',
  31                 'laravel-echo',
  32                 'lodash',
  33                 'moment',
  34                 'numeral',
  35                 'pusher-js',
  36                 'react',
  37                 'react-bootstrap',
  38                 'react-dom',
  39                 'react-i18next',
  40                 'react-router-bootstrap',
  41                 'react-router-dom',
  42                 'toastr',
  43                 'yup',
  44         ])
  45         .sourceMaps(true)
  46         .version();