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/index.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                 'bootstrap',
  29                 'call-bind',
  30                 'classnames',
  31                 'crc-32',
  32                 'css-unit-converter',
  33                 'decimal.js-light',
  34                 'deepmerge',
  35                 'dom-helpers',
  36                 'eventemitter3',
  37                 'fast-equals',
  38                 'file-saver',
  39                 'formik',
  40                 'function-bind',
  41                 'get-intrinsic',
  42                 'has',
  43                 'has-symbols',
  44                 'history',
  45                 'hoist-non-react-statics',
  46                 'html-escaper',
  47                 'html-parse-stringify',
  48                 'i18next',
  49                 'i18next-browser-languagedetector',
  50                 'invariant',
  51                 'jquery',
  52                 'laravel-echo',
  53                 'localforage',
  54                 'lodash',
  55                 'lodash-es',
  56                 'moment',
  57                 'numeral',
  58                 'nanoclone',
  59                 'object-assign',
  60                 'object-inspect',
  61                 'openseadragon',
  62                 'performance-now',
  63                 'process',
  64                 'prop-types',
  65                 'prop-types-extra',
  66                 'property-expr',
  67                 'pusher-js',
  68                 'qs',
  69                 'raf',
  70                 'react',
  71                 'react-bootstrap',
  72                 'react-dom',
  73                 'react-fast-compare',
  74                 'react-i18next',
  75                 'react-is',
  76                 'react-lifecycles-compat',
  77                 'react-resize-detector',
  78                 'react-router',
  79                 'react-router-bootstrap',
  80                 'react-router-dom',
  81                 'react-smooth',
  82                 'react-transition-group',
  83                 'reduce-css-calc',
  84                 'regenerator-runtime',
  85                 'resize-observer-polyfill',
  86                 'scheduler',
  87                 'side-channel',
  88                 'tiny-warning',
  89                 'toastr',
  90                 'toposort',
  91                 'uncontrollable',
  92                 'void-elements',
  93                 'warning',
  94                 'yup',
  95         ])
  96         .sourceMaps(true)
  97         .version()
  98         .webpackConfig({
  99                 output: {
 100                         chunkFilename: 'js/[chunkhash].js',
 101                 },
 102         });