如何通过优化配置将Webpack打包速度提升至性能榨汁机级别?
- 内容介绍
- 文章标签
- 相关推荐
本文共计810个文字,预计阅读时间需要4分钟。
近期对项目的本地开发环境进行了打包速度优化。原有项目,网上的优化方案基本都尝试了,基本都加入了。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分钟。
近期对项目的本地开发环境进行了打包速度优化。原有项目,网上的优化方案基本都尝试了,基本都加入了。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组件样式丢失。

