Minify with SWC (#992)

seek-oss · Jun 26, 2024 · 2b73e9a · 2b73e9a
1 parent 9b1a9e6
commit 2b73e9a
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 2 deletions.
diff --git a/.changeset/nervous-dogs-give.md b/.changeset/nervous-dogs-give.md
@@ -0,0 +1,10 @@
+---
+'sku': patch
+---
+
+Minify build output with [SWC]
+
+Minification of production build output is now performed by [SWC]. Previously this was performed by [Terser]. This should result in a noticeable reduction in build times for larger projects, as well as a slight decrease in bundle size.
+
+[swc]: https://swc.rs/docs/configuration/minification
+[terser]: https://terser.org/
diff --git a/packages/sku/config/webpack/webpack.config.js b/packages/sku/config/webpack/webpack.config.js
@@ -134,7 +134,17 @@ const makeWebpackConfig = ({
         // The 'TerserPlugin' is actually the default minimizer for webpack
         // We add a custom one to ensure licence comments stay inside the final JS assets
         // Without this a '*.js.LICENSE.txt' file would be created alongside
-        minimizer: [new TerserPlugin({ extractComments: false })],
+        minimizer: [
+          new TerserPlugin({
+            extractComments: false,
+            minify: TerserPlugin.swcMinify,
+            parallel: true,
+            terserOptions: {
+              compress: true,
+              mangle: true,
+            },
+          }),
+        ],
         concatenateModules: isProductionBuild,
         ...(!isLibrary
           ? {

diff --git a/packages/sku/config/webpack/webpack.config.ssr.js b/packages/sku/config/webpack/webpack.config.ssr.js
@@ -97,7 +97,17 @@ const makeWebpackConfig = ({
         // The 'TerserPlugin' is actually the default minimizer for webpack
         // We add a custom one to ensure licence comments stay inside the final JS assets
         // Without this a '*.js.LICENSE.txt' file would be created alongside
-        minimizer: [new TerserPlugin({ extractComments: false })],
+        minimizer: [
+          new TerserPlugin({
+            extractComments: false,
+            minify: TerserPlugin.swcMinify,
+            parallel: true,
+            terserOptions: {
+              compress: true,
+              mangle: true,
+            },
+          }),
+        ],
         concatenateModules: isProductionBuild,
         splitChunks: {
           chunks: 'all',

diff --git a/packages/sku/package.json b/packages/sku/package.json
@@ -47,6 +47,7 @@
     "@storybook/cli": "^7.0.17",
     "@storybook/react": "^7.0.17",
     "@storybook/react-webpack5": "^7.0.17",
+    "@swc/core": "^1.5.25",
     "@types/jest": "^29.0.0",
     "@types/loadable__component": "^5.13.1",
     "@vanilla-extract/jest-transform": "^1.1.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml