diff --git a/resources/views/layouts/anon.blade.php b/resources/views/layouts/anon.blade.php
index f30e15e4d..f2e0a7f22 100644
--- a/resources/views/layouts/anon.blade.php
+++ b/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>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 30a686491..d786a970f 100644
--- a/resources/views/layouts/app.blade.php
+++ b/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')
diff --git a/resources/views/layouts/blank.blade.php b/resources/views/layouts/blank.blade.php
index 9b2181f24..a7d5a4f62 100644
--- a/resources/views/layouts/blank.blade.php
+++ b/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')
diff --git a/webpack.mix.js b/webpack.mix.js
index 77f9ba28d..320b55cd5 100644
--- a/webpack.mix.js
+++ b/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', {
-	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')
-})
+.extract([
+	'lodash',
+	'popper.js',
+	'jquery',
+	'axios',
+	'bootstrap',
+	'vue',
+	'readmore-js' 
+])
 .version();