如何通过优化提升webpack打包速度,打造高效性能榨汁机?

更新于
2026-09-30 22:58:15
0阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计810个文字,预计阅读时间需要4分钟。

如何通过优化提升webpack打包速度,打造高效性能榨汁机?

最近对项目的本地开发环境进行了打包速度优化。原有的项目,网上的优化方案基本都加入了,16年低配mac pro打包时间从25秒多优化到现在的秒级。但我也发现,通过细致调整,打包时间还有很大的降低空间。

最近对项目的本地开发环境进行了打包速度优化,原有项目,网上能搜到的优化方案基本都加了,在16年低配mac pro 上打包时间为25秒多,但我发现细节做一些调整可能大大降低打包时间,最终优化到7秒多

dll

原有项目是线上和本地公用一套dll配置,因为antd这类ui库需要按需加载所以不能放到dll中,这时可以单独写一个dll配置,将所有第三方库添加到dll中。

这时因为.babelrc中添加了babel-plugin-import插件会导致优化不生效,所以需要对开发环境单独配置babel

options的babelrc设置为false,然后重写一份babel配置,一定不要添加“import”插件

一个新问题,因为没有import插件,导致所有antd组件样式丢失。

阅读全文

本文共计810个文字,预计阅读时间需要4分钟。

如何通过优化提升webpack打包速度,打造高效性能榨汁机?

最近对项目的本地开发环境进行了打包速度优化。原有的项目,网上的优化方案基本都加入了,16年低配mac pro打包时间从25秒多优化到现在的秒级。但我也发现,通过细致调整,打包时间还有很大的降低空间。

最近对项目的本地开发环境进行了打包速度优化,原有项目,网上能搜到的优化方案基本都加了,在16年低配mac pro 上打包时间为25秒多,但我发现细节做一些调整可能大大降低打包时间,最终优化到7秒多

dll

原有项目是线上和本地公用一套dll配置,因为antd这类ui库需要按需加载所以不能放到dll中,这时可以单独写一个dll配置,将所有第三方库添加到dll中。

这时因为.babelrc中添加了babel-plugin-import插件会导致优化不生效,所以需要对开发环境单独配置babel

options的babelrc设置为false,然后重写一份babel配置,一定不要添加“import”插件

一个新问题,因为没有import插件,导致所有antd组件样式丢失。

阅读全文