Use module-minifier-webpack4-plugin in webpack 4 test projects.

Author: iclanton

build-tests-samples/heft-storybook-react-tutorial/package.json

@@ -25,6 +25,7 @@
     "@rushstack/heft-typescript-plugin": "workspace:*",
     "@rushstack/heft-webpack4-plugin": "workspace:*",
     "@rushstack/heft": "workspace:*",
+    "@rushstack/webpack4-module-minifier-plugin": "workspace:*",
     "@storybook/react": "~6.4.18",
     "@types/heft-jest": "1.0.1",
     "@types/node": "14.18.36",

build-tests-samples/heft-storybook-react-tutorial/webpack.config.js

@@ -2,6 +2,7 @@
 
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { ModuleMinifierPlugin, WorkerPoolMinifier } = require('@rushstack/webpack4-module-minifier-plugin');
 
 /**
  * If the "--production" command-line parameter is specified when invoking Heft, then the
@@ -52,7 +53,15 @@ function createWebpackConfig({ production }) {
       new HtmlWebpackPlugin({
         template: 'assets/index.html'
       })
-    ]
+    ],
+    optimization: {
+      minimizer: [
+        new ModuleMinifierPlugin({
+          minifier: new WorkerPoolMinifier(),
+          useSourceMap: true
+        })
+      ]
+    }
   };
 
   return webpackConfig;

build-tests/heft-sass-test/package.json

@@ -17,6 +17,7 @@
     "@rushstack/heft-typescript-plugin": "workspace:*",
     "@rushstack/heft-webpack4-plugin": "workspace:*",
     "@rushstack/heft": "workspace:*",
+    "@rushstack/webpack4-module-minifier-plugin": "workspace:*",
     "@types/heft-jest": "1.0.1",
     "@types/react-dom": "16.9.14",
     "@types/react": "16.14.23",

build-tests/heft-sass-test/webpack.config.js

@@ -3,6 +3,7 @@
 const path = require('path');
 const Autoprefixer = require('autoprefixer');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { ModuleMinifierPlugin, WorkerPoolMinifier } = require('@rushstack/webpack4-module-minifier-plugin');
 
 /**
  * If the "--production" command-line parameter is specified when invoking Heft, then the
@@ -66,7 +67,15 @@ function createWebpackConfig({ production }) {
       new HtmlWebpackPlugin({
         template: 'assets/index.html'
       })
-    ]
+    ],
+    optimization: {
+      minimizer: [
+        new ModuleMinifierPlugin({
+          minifier: new WorkerPoolMinifier(),
+          useSourceMap: true
+        })
+      ]
+    }
   };
 
   return webpackConfig;

build-tests/localization-plugin-test-03/package.json

@@ -9,9 +9,10 @@
     "_phase:build": "node build.js"
   },
   "dependencies": {
-    "@rushstack/webpack4-localization-plugin": "workspace:*",
     "@rushstack/node-core-library": "workspace:*",
     "@rushstack/set-webpack-public-path-plugin": "workspace:*",
+    "@rushstack/webpack4-localization-plugin": "workspace:*",
+    "@rushstack/webpack4-module-minifier-plugin": "workspace:*",
     "@types/webpack-env": "1.18.0",
     "html-webpack-plugin": "~4.5.2",
     "ts-loader": "6.0.0",

build-tests/localization-plugin-test-03/webpack.config.js

@@ -8,6 +8,7 @@ const { LocalizationPlugin } = require('@rushstack/webpack4-localization-plugin'
 const { SetPublicPathPlugin } = require('@rushstack/set-webpack-public-path-plugin');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { ModuleMinifierPlugin, WorkerPoolMinifier } = require('@rushstack/webpack4-module-minifier-plugin');
 
 function resolveMissingString(localeNames, localizedResourcePath) {
   let contextRelativePath = path.relative(__dirname, localizedResourcePath);
@@ -140,7 +141,15 @@ function generateConfiguration(mode, outputFolderName) {
         }
       }),
       new HtmlWebpackPlugin()
-    ]
+    ],
+    optimization: {
+      minimizer: [
+        new ModuleMinifierPlugin({
+          minifier: new WorkerPoolMinifier(),
+          useSourceMap: true
+        })
+      ]
+    }
   };
 }
 

build-tests/set-webpack-public-path-plugin-webpack4-test/package.json

@@ -10,11 +10,12 @@
   },
   "devDependencies": {
     "@rushstack/eslint-config": "workspace:*",
-    "@rushstack/heft": "workspace:*",
     "@rushstack/heft-lint-plugin": "workspace:*",
     "@rushstack/heft-typescript-plugin": "workspace:*",
     "@rushstack/heft-webpack4-plugin": "workspace:*",
+    "@rushstack/heft": "workspace:*",
     "@rushstack/set-webpack-public-path-plugin": "workspace:*",
+    "@rushstack/webpack4-module-minifier-plugin": "workspace:*",
     "@types/webpack-env": "1.18.0",
     "eslint": "~8.7.0",
     "html-webpack-plugin": "~4.5.2",

build-tests/set-webpack-public-path-plugin-webpack4-test/webpack.config.js

@@ -2,6 +2,7 @@
 
 const { SetPublicPathPlugin } = require('@rushstack/set-webpack-public-path-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { ModuleMinifierPlugin, WorkerPoolMinifier } = require('@rushstack/webpack4-module-minifier-plugin');
 
 function generateConfiguration(mode, outputFolderName) {
   return {
@@ -21,7 +22,15 @@ function generateConfiguration(mode, outputFolderName) {
         }
       }),
       new HtmlWebpackPlugin()
-    ]
+    ],
+    optimization: {
+      minimizer: [
+        new ModuleMinifierPlugin({
+          minifier: new WorkerPoolMinifier(),
+          useSourceMap: true
+        })
+      ]
+    }
   };
 }