Webpack代码分割致整体包体积增300%，求原因排查

• 检查Webpack runtime注入：开启动态导入后，Webpack会自动注入chunk加载、依赖管理的runtime代码，这部分在静态导入时不存在。你可以用webpack-bundle-analyzer分析主包，确认是否是这部分代码导致体积飙升。
• PureScript编译策略变化：动态导入可能触发编译器的不同编译逻辑，原本能静态消除的类型辅助函数被保留，或是模块依赖引用方式改变，导致更多代码被打包进主包。建议对比静态/动态导入下的编译输出文件，找出新增的代码块。
• 公共依赖重复打包：静态导入时Webpack能做更彻底的tree-shaking和去重，但动态导入可能因模块边界限制，让一些公共依赖（比如PureScript核心库）重复出现在主包和子包。可以通过Webpack的splitChunks配置，把公共依赖单独拆成独立chunk。
• tree-shaking失效：确认Webpack配置开启了mode: production，同时检查PureScript是否编译为ES模块（默认输出CommonJS会影响tree-shaking效果），动态导入结合CommonJS模块可能导致无用代码无法被正确剔除。
• 动态导入写法检查：确保使用标准的import('./Module.purs')语法，避免额外的包装逻辑，非标准写法可能让Webpack生成多余的辅助代码。

内容的提问来源于stack exchange，提问作者Avinash Verma