Webpack升级心路历程

Webpack 的升级过程真是一场心理建设之旅。别看名字像换个版本号那么简单,实际上每次大版本升级都踩不少坑。不过升级之后,构建速度更快,配置也更灵活,挺值得的。

模块联邦的加入,让多个项目共享模块变得不再头疼。以前要么用 CDN、要么手动复制,升级后可以直接在项目间拆分模块,省了不少重复劳动。

升级 Webpack 5 时,splitChunks的配置有点变化,开始我也绕了几圈,后来才发现文档里其实写得还挺清楚。嗯,建议你动手前先把项目依赖梳理一遍,再按模块重要性逐步推进。

说个实用的:缓存机制在 Webpack 5 里优化了不少,像cache: { type: 'filesystem' }这个配置,加上之后,二次构建飞快,适合大型项目。

推荐你去看看这些相关文章:像Webpack 模块打包工具JavaScript 静态模块打包工具,写得比较清楚,适合你升级前做点背景补课。

如果你正打算从 Webpack 4 往上升,建议先别急着动生产环境,找个分支练手试水,稳点总没错。

json 文件大小:4.62KB