reduce build size

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';

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',
+      '@/styles/admin-lte.scss',
-      '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',
       '@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',
+      '@/fonts/minecraft.css',
-      './resources/assets/src/styles/spectre.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,
             },