Bundle analysis with Statoscope

allegro · Mar 4, 2022 · 1404ce2 · 1404ce2
1 parent 9187458
commit 1404ce2
Show file tree

Hide file tree

Showing 4 changed files with 338 additions and 1 deletion.
diff --git a/.github/workflows/lighthouse.yml b/.github/workflows/lighthouse.yml
@@ -61,6 +61,9 @@ jobs:
               body: ':stopwatch: Lighthouse report: ' + process.env.REPORT_URL
             })
 
+      - name: Copy bundle analysis report
+        run: cp build/report-*.html ./.lighthouseci
+
       - uses: actions/upload-artifact@v2
         with:
           name: lighthouse-report

diff --git a/config/webpack.prod.js b/config/webpack.prod.js
@@ -19,6 +19,16 @@ const merge = require('webpack-merge');
 const webpack = require('webpack');
 const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const { default: StatoscopeWebpackPlugin } = require("@statoscope/webpack-plugin");
+
+const bundleAnalyzerConfig = {
+  plugins: [
+    new StatoscopeWebpackPlugin({
+      open: false,
+      saveReportTo: "./build/report-[name].html",
+    }),
+  ]
+}
 
 const prodConfig = {
   name: "client-modern",
@@ -57,6 +67,6 @@ const es5Config = {
 };
 
 module.exports = [
-  merge.smart(commonConfig, prodConfig),
+  merge.smart(commonConfig, prodConfig, bundleAnalyzerConfig),
   merge.smart(commonConfig, prodConfig, es5Config),
 ]