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