fix(fuselage): development mode not being pruned (#1078)

Author: ggazzo

packages/fuselage/package.json

@@ -135,7 +135,8 @@
     "typescript": "~5.0.4",
     "webpack": "~5.78.0",
     "webpack-bundle-analyzer": "~4.8.0",
-    "webpack-cli": "~5.0.1"
+    "webpack-cli": "~5.0.1",
+    "wrapper-webpack-plugin": "~2.2.2"
   },
   "volta": {
     "extends": "../../package.json"

packages/fuselage/webpack.config.js

@@ -4,6 +4,7 @@ const path = require('path');
 
 const webpack = require('webpack');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const WrapperPlugin = require('wrapper-webpack-plugin');
 
 const pkg = require('./package.json');
 
@@ -117,5 +118,17 @@ module.exports = (env, { mode = 'production' }) => ({
       reportFilename: '../bundle-report.html',
       openAnalyzer: false,
     }),
-  ],
+
+    mode !== 'production' &&
+      new WrapperPlugin({
+        test: /development\.js$/, // only wrap output of bundle files with '.js' extension
+        header: `'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+(function() {
+`,
+        footer: `\n})();
+}`,
+      }),
+  ].filter(Boolean),
 });

yarn.lock

@@ -5804,6 +5804,7 @@ __metadata:
     webpack: ~5.78.0
     webpack-bundle-analyzer: ~4.8.0
     webpack-cli: ~5.0.1
+    wrapper-webpack-plugin: ~2.2.2
   peerDependencies:
     "@rocket.chat/fuselage-hooks": "*"
     "@rocket.chat/fuselage-polyfills": "*"
@@ -27606,6 +27607,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"wrapper-webpack-plugin@npm:~2.2.2":
+  version: 2.2.2
+  resolution: "wrapper-webpack-plugin@npm:2.2.2"
+  peerDependencies:
+    webpack: ">=2"
+  checksum: 1125a86c0cc0a043bbf9b51d340272b58aa5fc61758ba84faee9f05fe5024840ffda568d733ce4efc8b8523282a46cde3119e796823aa2047e45eafae4d5cc29
+  languageName: node
+  linkType: hard
+
 "wrappy@npm:1":
   version: 1.0.2
   resolution: "wrappy@npm:1.0.2"