代码分割
本话题发布代码分割相关的问答文章和技术分享，将持续更新，为您推荐了10篇问答，访问即可查看更多精彩内容。
-
1
回答
4浏览
为什么设置了webpack externals后jQuery还是被重复打包？
我在项目里用CDN引入了jQuery，然后在webpack配置里设置了externals想排除它，但打包后发现vendor文件里还是包含了jQuery代码，页面控制台还报错"jQuery is def...
-
1
回答
9浏览
Vendor分离配置后为什么没生成独立的vendor chunk？
我在用Webpack做代码分割时配置了vendor分离，但打包后发现common chunk里全是第三方库代码，vendor chunk没生成。按照文档设置了optimization.splitChu...
-
1
回答
9浏览
为什么Webpack Tree Shaking没摇掉未使用的CSS样式？
大家好，我在优化项目时遇到个奇怪的问题。我按文档配置了Tree Shaking，但打包后的CSS里还是有很多没用的样式类。 比如这个组件只用了.red类，但打包结果里blue和green类也存在： /...
-
2
回答
34浏览
使用HappyPack配置多线程打包反而更慢了怎么办？
我按照教程给Webpack加了HappyPack做多线程打包，结果发现打包速度比之前更慢了！明明配置了4个线程，控制台还报错说"Worker crashed and was killed: Error...
-
2
回答
30浏览
Webpack的splitChunks配置为什么没生效？大文件还是被打包在一起
在配置Webpack optimization.splitChunks时，我把minSize设置成30000，但发现第三方库还是被打包到vendor chunk里了，难道我的配置有问题？ 之前尝试过这...
-
1
回答
44浏览
Webpack输出配置中output.filename和path设置后打包文件没生成怎么办？
大家好，我今天配置Webpack的output时遇到个怪问题。按照文档设置了output.filename和path，但打包后dist目录里啥都没有，路径也确认没问题，这是为啥啊？ 场景是这样的：我在...
-
2
回答
41浏览
自定义Webpack Loader处理React JSX时语法错误怎么办？
我在写一个自定义Webpack Loader来处理React组件的JSX代码，但总是报"Unexpected token (2:8)"错误。尝试用babylon解析时发现，Loader返回的代码字符串...
-
2
回答
24浏览
Webpack optimization.splitChunks配置后打包体积反而变大了怎么办？
折腾了一天也没搞定，我按照文档配置了splitChunks把第三方库单独打包，结果vendor.js反而从200KB变成300KB了。 配置是这样的： optimization: { splitChu...
-
2
回答
35浏览
webpack配置source-map后为什么看不到原始代码？
大家好，我在webpack里设置了devtool: 'source-map'，但浏览器调试时还是显示打包后的代码，原始ES6语法全编译成ES5了，这是为啥？ 我已经在output里指定pathinfo...
-
2
回答
52浏览
为什么使用CommonChunkPlugin后common.js仍被重复打包到多个入口chunk里？
在优化多页面应用时，我配置了CommonChunkPlugin提取公共代码，但发现生成的common.js仍然被重复打包到每个入口chunk里。明明设置了name和minChunks参数，打包后的di...
