From a879af340512ee6c55622de092c22afa3eab80dd Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Sat, 14 Mar 2020 17:00:35 +0800
Subject: [PATCH] reduce build size

---
 resources/assets/src/styles/admin-lte.scss | 11 ++++++++
 webpack.config.js                          | 32 ++++++++++++++++------
 2 files changed, 34 insertions(+), 9 deletions(-)
 create mode 100644 resources/assets/src/styles/admin-lte.scss

diff --git a/resources/assets/src/styles/admin-lte.scss b/resources/assets/src/styles/admin-lte.scss
new file mode 100644
index 00000000..6dacbd4a
--- /dev/null
+++ b/resources/assets/src/styles/admin-lte.scss
@@ -0,0 +1,11 @@
+@import '~bootstrap/scss/functions';
+@import '~admin-lte/build/scss/bootstrap-variables';
+@import '~bootstrap/scss/bootstrap';
+@import '~admin-lte/build/scss/variables';
+@import '~admin-lte/build/scss/mixins';
+@import '~admin-lte/build/scss/parts/core';
+@import '~admin-lte/build/scss/parts/miscellaneous';
+@import '~admin-lte/build/scss/parts/components';
+@import '~admin-lte/build/scss/small-box';
+@import '~admin-lte/build/scss/info-box';
+@import '~admin-lte/build/scss/pages/login_and_register';
diff --git a/webpack.config.js b/webpack.config.js
index 00a6bba2..d57df4b3 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -12,19 +12,16 @@ const devMode = !process.argv.includes('-p')
 const config = {
   mode: devMode ? 'development' : 'production',
   entry: {
-    app: ['react-hot-loader/patch', './resources/assets/src/index.tsx'],
+    app: ['react-hot-loader/patch', '@/index.tsx'],
     style: [
-      'admin-lte/dist/css/alt/adminlte.core.min.css',
-      'admin-lte/dist/css/alt/adminlte.components.min.css',
-      'admin-lte/dist/css/alt/adminlte.extra-components.min.css',
-      'admin-lte/dist/css/alt/adminlte.pages.min.css',
+      '@/styles/admin-lte.scss',
       '@fortawesome/fontawesome-free/css/all.min.css',
-      './resources/assets/src/styles/common.styl',
+      '@/styles/common.styl',
     ],
     spectre: [
       'spectre.css/dist/spectre.min.css',
-      './resources/assets/src/fonts/minecraft.css',
-      './resources/assets/src/styles/spectre.css',
+      '@/fonts/minecraft.css',
+      '@/styles/spectre.css',
     ],
   },
   output: {
@@ -59,6 +56,21 @@ const config = {
           'stylus-loader',
         ],
       },
+      {
+        test: /\.scss$/,
+        exclude: /\.module\.scss$/,
+        use: [
+          devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 2,
+            },
+          },
+          'postcss-loader',
+          'sass-loader',
+        ],
+      },
       {
         test: /\.module\.scss$/,
         use: [
@@ -68,7 +80,9 @@ const config = {
             options: {
               importLoaders: 2,
               modules: {
-                localIdentName: devMode ? '[name]__[local]' : '[local]__[hash:base64:5]',
+                localIdentName: devMode
+                  ? '[name]__[local]'
+                  : '[local]__[hash:base64:5]',
               },
               esModule: true,
             },