Add bundle report (#352)

.gitignore

@@ -14,3 +14,4 @@ node_modules/
 /storybook-static
 
 *storybook.log
+report.html

package.json

@@ -105,6 +105,7 @@
     "tsx": "^4.19.2",
     "typescript": "^5.6.3",
     "webpack": "^5.96.1",
+    "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.1.0",
     "webpack-hot-middleware": "^2.26.1",

webpack.config.prod.js

@@ -3,6 +3,8 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 
 const outputPath = path.resolve(__dirname, `./dist`);
@@ -75,6 +77,11 @@ module.exports = {
         ]
     },
     plugins: [
+        new BundleAnalyzerPlugin({
+            openAnalyzer: false,
+            analyzerMode: 'static',
+            reportFilename: path.resolve(__dirname, 'report.html'),
+        }),
         new CleanWebpackPlugin(),
         new HtmlWebpackPlugin({
             template: path.join(srcPath, 'index.html.ejs'),