fix: Output webpack-stats.json using webpack-stats-plugin (#1529)

.github/workflows/build-pr.yml

@@ -19,7 +19,7 @@ jobs:
       - run: npm ci
 
       # Build and output bunle stats to webpack-stats.json
-      - run: yarn build --env TARGET=chrome --json webpack-stats.json
+      - run: yarn build --env TARGET=chrome
 
       # Upload webpack-stats.json to use on relative-ci.yaml workflow
       - name: Upload webpack stats artifact

package.json

@@ -131,6 +131,7 @@
     "webextension-polyfill": "0.12.0",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
+    "webpack-stats-plugin": "1.1.3",
     "ws": "^8.18.0"
   }
 }

webpack.config.js

@@ -3,6 +3,7 @@ import url from "url";
 import CopyPlugin from "copy-webpack-plugin";
 import TerserPlugin from "terser-webpack-plugin";
 import WebExtPlugin from "web-ext-plugin";
+import { StatsWriterPlugin } from "webpack-stats-plugin";
 import webpack from "webpack";
 import packageJson from "./package.json" with { type: "json" };
 
@@ -40,6 +41,19 @@ export default /** @returns {import("webpack").Configuration} */ (env) => {
     }),
   ];
 
+  if (env.NODE_ENV === "production") {
+    plugins.push(
+      new StatsWriterPlugin({
+        filename: "../webpack-stats.json",
+        stats: {
+          assets: true,
+          chunks: true,
+          modules: true,
+        },
+      })
+    );
+  }
+
   if (IS_EXTENSION) {
     plugins.push(
       new CopyPlugin({