Merge pull request #58 from culturecreates/feature/issue-53

Feature/issue 53

config-overrides.js

@@ -1,4 +1,7 @@
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+
 module.exports = function override(config, env) {
+  // Customize JS and CSS output filenames
   config.output.filename = `static/js/widget.js`;
 
   const miniCssExtractPlugin = config.plugins.find(
@@ -8,5 +11,16 @@ module.exports = function override(config, env) {
     miniCssExtractPlugin.options.filename = `static/css/widget.css`;
   }
 
+  // to analize bundle run - ANALYZE=true npm run build:production
+  if (process.env.ANALYZE === 'true') {
+    config.plugins.push(
+      new BundleAnalyzerPlugin({
+        analyzerMode: 'static',
+        reportFilename: 'bundle-report.html',
+        openAnalyzer: true,
+      }),
+    );
+  }
+
   return config;
 };

package.json

@@ -64,6 +64,7 @@
     "eslint-plugin-prettier": "^5.1.2",
     "eslint-plugin-react": "^7.33.2",
     "prettier": "^3.1.1",
-    "react-app-rewired": "^2.2.1"
+    "react-app-rewired": "^2.2.1",
+    "webpack-bundle-analyzer": "^4.10.2"
   }
 }