一、禁止生成sourceMap文件
vue项目在打包过程中会出现map文件，该文件主要作用是让打包后的文件想加密代码一样，可以准确输出相关错误信息，默认情况下productionSourceMap为true，在此情况下，项目打包后，代码经过压缩加密，若运行时报错，暑促的错误信息无法准确得知代码具体错在哪里
// vue.config.js配置如下
module.exports = {
productionSourceMap:false // 是否在构建生产包时生成sourceMap文件，false将提高构建速度
}
二、关闭Prefetch
vuecli默认开启Prefetch(预先加载模块)，提前获取用户未来可能会访问的内容，在首屏会把这十几个路由文件都下载下来
注意： Prefetch并不会影响加载速度，只会优化子页面
使用场景： 党对流量有限制的时候可以使用，如移动端，只查看首页或者其他并不是全部页面的时候，使用prefetch可能会导致流量不必要的损耗
// vue.config.js配置如下
module.exports = {
chainwebpack:config =>{
config.plugins.delete('prefetch') // 移除prefetch插件
}
// 或者修改它的选项
config.plugins.('prefetch').tap(options =>{
options[0].fileBlacklist = options[0].fileBlacklist || []
options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/)
return options
})
}
三、路由懒加载
const aa = ()=>import(/*webpackChunkName:"grounp-aa"*/ './aa.vue')
四、组件库按需加载
五、使用CDN加载外部资源
六、GZIP
七、图片压缩
八、代码压缩
