Webpack的性能优化：优化打包输出

配置output.filename和output.chunkFilename使用较短的文件名、hash值等。
使用Webpack的optimization.splitChunks来提取和共享共同的代码块，避免重复加载的代码。
为要提取的代码块设置合适的缓存策略，通过配置optimization.runtimeChunk选项来为包含运行时代码的块设置不同的缓存策略。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f

其他优化建议
在开发环境中禁用一些不必要的优化配置，如关闭UglifyJsPlugin等。
使用Webpack Bundle Analyzer工具来分析和可视化打包后的代码结构，找出优化的潜力。
使用Webpack Dev Server来提供开发服务器，提供快速的热更新和热替换能力。