lazy load some stuff

[alttp.git] / webpack.mix.js

diff --git a/webpack.mix.js b/webpack.mix.js
index 2a22dc1206aefa36f8f32a6839219094d7acd0c1..50fc31d4e4898126304260fcfde7ef9b798a330d 100644 (file)
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -6,12 +6,97 @@ const mix = require('laravel-mix');
  |--------------------------------------------------------------------------
  |
  | Mix provides a clean, fluent API for defining some Webpack build steps
- | for your Laravel applications. By default, we are compiling the CSS
+ | for your Laravel application. By default, we are compiling the Sass
  | file for the application as well as bundling up all the JS files.
  |
  */
 
-mix.js('resources/js/app.js', 'public/js')
-    .postCss('resources/css/app.css', 'public/css', [
-        //
-    ]);
+mix.js('resources/js/index.js', 'public/js')
+       .react()
+       .sass('resources/sass/app.scss', 'public/css')
+       .extract([
+               '@babel/runtime',
+               '@fortawesome/fontawesome-free',
+               '@fortawesome/fontawesome-svg-core',
+               '@fortawesome/free-brands-svg-icons',
+               '@fortawesome/free-solid-svg-icons',
+               '@fortawesome/react-fontawesome',
+               '@popperjs/core',
+               '@restart/hooks',
+               '@restart/ui',
+               'axios',
+               'bootstrap',
+               'call-bind',
+               'classnames',
+               'crc-32',
+               'css-unit-converter',
+               'decimal.js-light',
+               'deepmerge',
+               'dom-helpers',
+               'eventemitter3',
+               'fast-equals',
+               'file-saver',
+               'formik',
+               'function-bind',
+               'get-intrinsic',
+               'has',
+               'has-symbols',
+               'history',
+               'hoist-non-react-statics',
+               'html-escaper',
+               'html-parse-stringify',
+               'i18next',
+               'i18next-browser-languagedetector',
+               'invariant',
+               'jquery',
+               'laravel-echo',
+               'localforage',
+               'lodash',
+               'lodash-es',
+               'moment',
+               'numeral',
+               'nanoclone',
+               'object-assign',
+               'object-inspect',
+               'openseadragon',
+               'performance-now',
+               'process',
+               'prop-types',
+               'prop-types-extra',
+               'property-expr',
+               'pusher-js',
+               'qs',
+               'raf',
+               'react',
+               'react-bootstrap',
+               'react-dom',
+               'react-fast-compare',
+               'react-i18next',
+               'react-is',
+               'react-lifecycles-compat',
+               'react-resize-detector',
+               'react-router',
+               'react-router-bootstrap',
+               'react-router-dom',
+               'react-smooth',
+               'react-transition-group',
+               'reduce-css-calc',
+               'regenerator-runtime',
+               'resize-observer-polyfill',
+               'scheduler',
+               'side-channel',
+               'tiny-warning',
+               'toastr',
+               'toposort',
+               'uncontrollable',
+               'void-elements',
+               'warning',
+               'yup',
+       ])
+       .sourceMaps(true)
+       .version()
+       .webpackConfig({
+               output: {
+                       chunkFilename: 'js/[chunkhash].js',
+               },
+       });