Vue2 项目为优化构建速度,将vue/cli-service
从 v4 升级到 v5,并配置 webpack5 的持久化缓存。
Vue CLI
- 升级依赖项
@vue/cli-xxx
到 v5.x.x。如果是 Vue2.7 应该不低于 5.0.6(~5.0.6
) - 升级
eslint
到最新版本(8+)
Typescript
- 升级
@typescript-eslint/eslint-plugin
到最新版本(5+)
Webpack 持久化缓存
如果之前使用了 hard-source-webpack-plugin
,它只适用于 webpack v4,应该移除此依赖。
在 Vue 项目中开启 Webpack 持久化缓存:
1 | // vue.config.js |
更多的配置项可以参考:https://webpack.js.org/configuration/cache/
Webpack 资源模块
如果之前用到了 raw-loader
、 url-loader
、 file-loader
,现在应该替换为使用资源模块(asset module)
评论