From 899836047a90ee13a489142e9b0b70327674e831 Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Tue, 10 May 2022 09:56:47 +0200
Subject: [PATCH] extract js vendor resources

---
 .gitignore                    |  6 ++++++
 resources/views/app.blade.php |  2 ++
 webpack.mix.js                | 32 ++++++++++++++++++++++++++++++--
 3 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index f95ee5c..e9429a0 100644
--- 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 34df568..5ad20de 100644
--- 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 da460c6..8dd2c99 100644
--- 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();
-- 
2.39.2