JS: enable vendor code spliting, so browsers can cache vendor code be…

…tween deploys.
entrepreneur-interet-general · Jan 13, 2020 · f6d7635 · f6d7635
1 parent e71de9f
commit f6d7635
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -4,7 +4,10 @@
 /public/css/app.css
 /public/js/app.js
 /public/js/bootstrap.js
+/public/js/vendor.js
+/public/js/manifest.js
 /public/js/bootstrap.js.LICENSE
+/public/js/vendor.js.LICENSE
 /public/mix-manifest.json
 /public/media
 /public/sitemap*

diff --git a/resources/views/layouts/default.blade.php b/resources/views/layouts/default.blade.php
@@ -88,6 +88,8 @@ function getOriginalVisitorCookieTimeout() {
     <script crossorigin="anonymous"
         src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=IntersectionObserver">
     </script>
+    <script src="{{ mix('js/manifest.js') }}"></script>
+    <script src="{{ mix('js/vendor.js') }}"></script>
     <script src="{{ mix('js/bootstrap.js') }}"></script>
 
     @yield('end_body')

diff --git a/webpack.mix.js b/webpack.mix.js
@@ -42,7 +42,8 @@ mix
       host: "127.0.0.1",
       port: 8080
     }
-  });
+  })
+  .extract(); // Auto-magically split out vendor JS.
 
 if (mix.inProduction()) {
   mix.version();