Update webpack, extract vendor librarys

resources/views/layouts/anon.blade.php

@@ -34,6 +34,8 @@
         @yield('content')
     </main>
     @include('layouts.partial.footer')
+    <script type="text/javascript" src="{{ mix('js/manifest.js') }}"></script>
+    <script type="text/javascript" src="{{ mix('js/vendor.js') }}"></script>
     <script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
     @stack('scripts')
 </body>

resources/views/layouts/app.blade.php

@@ -47,6 +47,8 @@
         @endif
     </main>
     @include('layouts.partial.footer')
+    <script type="text/javascript" src="{{ mix('js/manifest.js') }}"></script>
+    <script type="text/javascript" src="{{ mix('js/vendor.js') }}"></script>
     <script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
     <script type="text/javascript" src="{{ mix('js/components.js') }}"></script>
     @stack('scripts')

resources/views/layouts/blank.blade.php

@@ -30,6 +30,8 @@
     <main id="content">
         @yield('content')
     </main>
+    <script type="text/javascript" src="{{ mix('js/manifest.js') }}"></script>
+    <script type="text/javascript" src="{{ mix('js/vendor.js') }}"></script>
     <script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
     <script type="text/javascript" src="{{ mix('js/components.js') }}"></script>
     @stack('scripts')

webpack.mix.js

@@ -1,5 +1,9 @@
 let mix = require('laravel-mix');
 
+mix.options({
+    purifyCss: true,
+}); 
+
 /*
 |--------------------------------------------------------------------------
 | Mix Asset Management
@@ -11,6 +15,16 @@ let mix = require('laravel-mix');
 |
 */
 
+mix.sass('resources/assets/sass/app.scss', 'public/css', {
+	implementation: require('node-sass')
+})
+.sass('resources/assets/sass/appdark.scss', 'public/css', {
+	implementation: require('node-sass')
+})
+.sass('resources/assets/sass/landing.scss', 'public/css', {
+	implementation: require('node-sass')
+}).version();
+
 mix.js('resources/assets/js/app.js', 'public/js')
 .js('resources/assets/js/activity.js', 'public/js')
 .js('resources/assets/js/components.js', 'public/js')
@@ -43,13 +57,13 @@ mix.js('resources/assets/js/app.js', 'public/js')
 // Loops Component
 .js('resources/assets/js/loops.js', 'public/js')
 
-.sass('resources/assets/sass/app.scss', 'public/css', {
+.extract([
-	implementation: require('node-sass')
+	'lodash',
-})
+	'popper.js',
-.sass('resources/assets/sass/appdark.scss', 'public/css', {
+	'jquery',
-	implementation: require('node-sass')
+	'axios',
-})
+	'bootstrap',
-.sass('resources/assets/sass/landing.scss', 'public/css', {
+	'vue',
-	implementation: require('node-sass')
+	'readmore-js' 
-})
+])
 .version();