代码分割
本话题发布代码分割相关的问答文章和技术分享，将持续更新，为您推荐了16篇问答，访问即可查看更多精彩内容。
-
1
回答
41浏览
Webpack 5迁移后热更新失效了怎么办？
我最近把项目从 Webpack 4 升级到 Webpack 5，其他功能都跑起来了，但热模块替换（HMR）突然不生效了。改完代码页面不会自动刷新，控制台也没报错，就是没反应。 我确认 hot: tru...
-
1
回答
25浏览
Webpack 打包时 UglifyJS 会破坏我的 CSS 吗？
我最近在用 Webpack 打包项目，配置了 uglifyjs-webpack-plugin 压缩 JS，但发现页面样式乱了。是不是这个插件误处理了 CSS？我的 CSS 写法很普通，比如： .btn...
-
1
回答
38浏览
React 组件懒加载后样式错乱怎么办？
我在用 React 的 lazy + Suspense 做组件懒加载，功能是跑起来了，但发现懒加载进来的组件样式有点乱，比如 Tailwind 的类没生效，或者 CSS 模块的样式优先级不对。我试过把...
-
1
回答
36浏览
Webpack 打包时 UglifyJS 报错怎么解决？
我用 Webpack 打包项目时，启用了 uglifyjs-webpack-plugin，结果一构建就报错，说“Unexpected token: punc (})”。我检查了 JS 代码没发现语法问...
-
1
回答
62浏览
CSS代码分割后样式丢失怎么办？
我用 React 做项目时尝试做 CSS 代码分割，结果动态加载的组件样式完全没生效，页面布局全乱了。是不是 splitChunks 配置有问题？ 我用的是 React.lazy + Suspense...
-
2
回答
38浏览
CSS代码分割后样式丢失是怎么回事？
我用Webpack做了代码分割，把不同页面的CSS拆成了单独的chunk，但加载新页面时样式有时候不生效，刷新一下又好了。是不是动态加载CSS的时候顺序乱了？ 我试过用mini-css-extract...
-
2
回答
47浏览
为什么设置了webpack externals后jQuery还是被重复打包？
我在项目里用CDN引入了jQuery，然后在webpack配置里设置了externals想排除它，但打包后发现vendor文件里还是包含了jQuery代码，页面控制台还报错"jQuery is def...
-
1
回答
64浏览
Vendor分离配置后为什么没生成独立的vendor chunk？
我在用Webpack做代码分割时配置了vendor分离，但打包后发现common chunk里全是第三方库代码，vendor chunk没生成。按照文档设置了optimization.splitChu...
-
2
回答
51浏览
为什么Webpack Tree Shaking没摇掉未使用的CSS样式？
大家好，我在优化项目时遇到个奇怪的问题。我按文档配置了Tree Shaking，但打包后的CSS里还是有很多没用的样式类。 比如这个组件只用了.red类，但打包结果里blue和green类也存在： /...
-
2
回答
71浏览
使用HappyPack配置多线程打包反而更慢了怎么办？
我按照教程给Webpack加了HappyPack做多线程打包，结果发现打包速度比之前更慢了！明明配置了4个线程，控制台还报错说"Worker crashed and was killed: Error...
-
2
回答
48浏览
Webpack的splitChunks配置为什么没生效？大文件还是被打包在一起
在配置Webpack optimization.splitChunks时，我把minSize设置成30000，但发现第三方库还是被打包到vendor chunk里了，难道我的配置有问题？ 之前尝试过这...
-
2
回答
89浏览
Webpack输出配置中output.filename和path设置后打包文件没生成怎么办？
大家好，我今天配置Webpack的output时遇到个怪问题。按照文档设置了output.filename和path，但打包后dist目录里啥都没有，路径也确认没问题，这是为啥啊？ 场景是这样的：我在...
-
2
回答
78浏览
自定义Webpack Loader处理React JSX时语法错误怎么办？
我在写一个自定义Webpack Loader来处理React组件的JSX代码，但总是报"Unexpected token (2:8)"错误。尝试用babylon解析时发现，Loader返回的代码字符串...
-
2
回答
58浏览
Webpack optimization.splitChunks配置后打包体积反而变大了怎么办？
折腾了一天也没搞定，我按照文档配置了splitChunks把第三方库单独打包，结果vendor.js反而从200KB变成300KB了。 配置是这样的： optimization: { splitChu...
-
2
回答
59浏览
webpack配置source-map后为什么看不到原始代码？
大家好，我在webpack里设置了devtool: 'source-map'，但浏览器调试时还是显示打包后的代码，原始ES6语法全编译成ES5了，这是为啥？ 我已经在output里指定pathinfo...
-
2
回答
71浏览
为什么使用CommonChunkPlugin后common.js仍被重复打包到多个入口chunk里？
在优化多页面应用时，我配置了CommonChunkPlugin提取公共代码，但发现生成的common.js仍然被重复打包到每个入口chunk里。明明设置了name和minChunks参数，打包后的di...
