extract js vendor resources

diff --git a/.gitignore b/.gitignore
index f95ee5c35298e692e5c227bf942f28cb962359ac..e9429a0a23da9dc9f72b29a7b3c52155cb5bd619 100644 (file)
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,12 @@
 /public/js/app.js
 /public/js/app.js.LICENSE.txt
 /public/js/app.js.map
+/public/js/manifest.js
+/public/js/manifest.js.LICENSE.txt
+/public/js/manifest.js.map
+/public/js/vendor.js
+/public/js/vendor.js.LICENSE.txt
+/public/js/vendor.js.map
 /public/mix-manifest.json
 /public/storage
 /reports

diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 34df56879e5655b1b45e4edf54ac1ecb437a40c3..5ad20de9f20f866c4ba1a2281c91314d82536fca 100644 (file)
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -7,6 +7,8 @@
                <title>{{ config('app.name', 'Laravel') }}</title>
                <link rel="icon" href="{{ URL::asset('favicon.ico') }}" type="image/x-icon">
 
+               <script src="{{ mix('js/manifest.js') }}" defer></script>
+               <script src="{{ mix('js/vendor.js') }}" defer></script>
                <script src="{{ mix('js/app.js') }}" defer></script>
 
                <link href="{{ mix('css/app.css') }}" rel="stylesheet">

diff --git a/webpack.mix.js b/webpack.mix.js
index da460c6fe9733bf155917221afb4d3682efefb8a..8dd2c993e7005b084ed9be48f850c3da5f48ff05 100644 (file)
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -12,7 +12,35 @@ const mix = require('laravel-mix');
  */
 
 mix.js('resources/js/app.js', 'public/js')
-    .react()
-    .sass('resources/sass/app.scss', 'public/css')
+       .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',
+               'formik',
+               'i18next',
+               'i18next-browser-languagedetector',
+               'laravel-echo',
+               'lodash',
+               'moment',
+               'numeral',
+               'pusher-js',
+               'react',
+               'react-bootstrap',
+               'react-dom',
+               'react-i18next',
+               'react-router-bootstrap',
+               'react-router-dom',
+               'toastr',
+               'yup',
+       ])
        .sourceMaps(true)
        .version();