ktl-1711 feat: style bundle optimization (#3905)

Kotlin · Nov 7, 2024 · 32cac62 · 32cac62
1 parent da945f2
commit 32cac62
Show file tree

Hide file tree

Showing 3 changed files with 81 additions and 56 deletions.
diff --git a/dokka-subprojects/plugin-base-frontend/package-lock.json b/dokka-subprojects/plugin-base-frontend/package-lock.json
diff --git a/dokka-subprojects/plugin-base-frontend/package.json b/dokka-subprojects/plugin-base-frontend/package.json
@@ -10,7 +10,7 @@
     "create-component": "node --experimental-modules create-component.mjs",
     "start:ui-kit": "webpack serve --config ./webpack.config-ui-kit.js --env minify=true",
     "build:ui-kit:watch": "webpack --config ./webpack.config-ui-kit.js --env watch=true --env minify=true",
-    "build:ui-kit": "npm run build:ui-kit:minified && npm run build:ui-kit:unminified",
+    "build:ui-kit": "npm run build:ui-kit:unminified && npm run build:ui-kit:minified",
     "build:ui-kit:minified": "webpack --config ./webpack.config-ui-kit.js --env minify=true",
     "build:ui-kit:unminified": "webpack --config ./webpack.config-ui-kit.js --env minify=false",
     "build": "webpack --mode=production --devtool source-map",

diff --git a/dokka-subprojects/plugin-base-frontend/webpack.config-ui-kit.js b/dokka-subprojects/plugin-base-frontend/webpack.config-ui-kit.js
@@ -4,6 +4,7 @@
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const path = require('path');
 const WebpackShellPluginNext = require('webpack-shell-plugin-next');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 
 module.exports = (env, args) => {
   const isMinify = env.minify === 'true';
@@ -55,9 +56,6 @@ module.exports = (env, args) => {
                       plugins: [
                         [
                           'cssnano',
-                          {
-                            preset: ['default', { discardComments: { removeAll: true } }],
-                          },
                         ],
                       ],
                     },
@@ -73,6 +71,21 @@ module.exports = (env, args) => {
                     },
                   },
                 },
+                {
+                  loader: 'postcss-loader',
+                  options: {
+                    postcssOptions: {
+                      plugins: [
+                        [
+                          'cssnano',
+                          {
+                            preset: ['default', { discardComments: { removeAll: true } }],
+                          },
+                        ],
+                      ],
+                    },
+                  },
+                },
             'sass-loader',
           ],
         },
@@ -94,6 +107,28 @@ module.exports = (env, args) => {
         },
       ],
     },
+    optimization: {
+      minimize: isMinify,
+      minimizer: [
+        '...', // Extends existing minimizers
+        new CssMinimizerPlugin({
+          minimizerOptions: {
+            preset: [
+              'default',
+              {
+                discardComments: { removeAll: true },
+                normalizeWhitespace: isMinify,
+                plugins: [
+                  [
+                    'cssnano',
+                  ],
+                ]
+              },
+            ],
+          },
+        }),
+      ],
+    },
     plugins: [
       new MiniCssExtractPlugin({
         filename: isMinify ? 'ui-kit.min.css' : 'ui-kit.css',