vue-cli3.0 平常优化 补充

1.使用缓存 转摘文章
优化项目其中占大部分的有 eslint-loader和vue-loader 若是项目文件过可能是 项目启动eslint检查和加载耗时过长 致使启动时间动不动就几分钟
解决问题的方式有 干掉eslint,简单粗暴 这不是一种友好的解决方案因此考虑的最多的是进行缓存
这就不得不说到到plugins 中的 hard-source-webpack-plugin 这插件为模块提供中间缓存步骤,使用缓存的时候 也每每意味了可能会出现缓存问题,适当作些预防 非友好的缓存带来的不良体验
(1)不使用hard-source-webpack-plugin 使用vue-cli自带的配置vue

chainWebpack: (config) => {
  config.cache(true)
}

(2)使用hard-source-webpack-pluginwebpack

npm i hard-source-webpack-plugin -D
chainWebpack: (config) => {
  config.plugin('cache').use(HardSourceWebpackPlugin)
}

做者:xiao旭,转载请注明原文连接:web

相关文章
相关标签/搜索