From 842d821243c0ee67db9e710929185b10d1a9e208 Mon Sep 17 00:00:00 2001 From: Sung-Hyun Kang <sunghyunkang@microsoft.com> Date: Wed, 15 Jan 2025 14:12:12 -0600 Subject: [PATCH 1/3] test --- webpack.config.js | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/webpack.config.js b/webpack.config.js index c21baf3ef..5e2061c4c 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -248,7 +248,7 @@ module.exports = function (_env = {}, argv = {}) { new TerserPlugin({ terserOptions: { // These options increase our initial bundle size by ~5% but the builds are significantly faster and won't run out of memory - compress: false, + // compress: false, mangle: { keep_fnames: true, keep_classnames: true, @@ -256,10 +256,31 @@ module.exports = function (_env = {}, argv = {}) { }, }), ], + splitChunks: { + chunks: "all", + cacheGroups: { + fluentIcons: { + test: /[\\/]node_modules[\\/]@fluentui[\\/](font-icons-mdl2|react-icons)/, + name: "fluent-icons", + chunks: "all", + enforce: true, + }, + }, + }, }, watch: false, // Hack since it is hard to disable watch entirely with webpack dev server https://github.com/webpack/webpack-dev-server/issues/1251#issuecomment-654240734 watchOptions: isCI ? { poll: 24 * 60 * 60 * 1000 } : {}, + stats: { + all: true, // Include all stats information + errors: true, + warnings: true, + modules: true, + chunks: true, + chunkModules: true, + assets: true, + children: true, + }, /** @type {import("webpack-dev-server").Configuration}*/ devServer: { From 6c6d03946eec2fb593c374014d945e449cb71198 Mon Sep 17 00:00:00 2001 From: Sung-Hyun Kang <sunghyunkang@microsoft.com> Date: Wed, 15 Jan 2025 15:38:18 -0600 Subject: [PATCH 2/3] fix --- webpack.config.js | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/webpack.config.js b/webpack.config.js index 5e2061c4c..4709a8a5d 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -248,7 +248,7 @@ module.exports = function (_env = {}, argv = {}) { new TerserPlugin({ terserOptions: { // These options increase our initial bundle size by ~5% but the builds are significantly faster and won't run out of memory - // compress: false, + compress: true, mangle: { keep_fnames: true, keep_classnames: true, @@ -256,17 +256,17 @@ module.exports = function (_env = {}, argv = {}) { }, }), ], - splitChunks: { - chunks: "all", - cacheGroups: { - fluentIcons: { - test: /[\\/]node_modules[\\/]@fluentui[\\/](font-icons-mdl2|react-icons)/, - name: "fluent-icons", - chunks: "all", - enforce: true, - }, - }, - }, + // splitChunks: { + // chunks: "all", + // cacheGroups: { + // fluentIcons: { + // test: /[\\/]node_modules[\\/]@fluentui[\\/](font-icons-mdl2|react-icons)/, + // name: "fluent-icons", + // chunks: "all", + // enforce: true, + // }, + // }, + // }, }, watch: false, // Hack since it is hard to disable watch entirely with webpack dev server https://github.com/webpack/webpack-dev-server/issues/1251#issuecomment-654240734 From b9c3936ded0e5c655b3ea835772da49c5e4e0482 Mon Sep 17 00:00:00 2001 From: Sung-Hyun Kang <sunghyunkang@microsoft.com> Date: Thu, 16 Jan 2025 21:57:41 -0600 Subject: [PATCH 3/3] setting compress true --- webpack.config.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/webpack.config.js b/webpack.config.js index 4709a8a5d..ab7ddeb22 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -243,12 +243,12 @@ module.exports = function (_env = {}, argv = {}) { extensions: [".tsx", ".ts", ".js"], }, optimization: { - minimize: mode === "production" ? true : false, + minimize: true, minimizer: [ new TerserPlugin({ terserOptions: { // These options increase our initial bundle size by ~5% but the builds are significantly faster and won't run out of memory - compress: true, + // compress: false, mangle: { keep_fnames: true, keep_classnames: true, @@ -266,6 +266,7 @@ module.exports = function (_env = {}, argv = {}) { // enforce: true, // }, // }, + // runtimeChunk: false, // }, }, watch: false,