vue-cil4最强优化

一、打包前必须做的

要在文件夹下的vue.config.js文件然后在里面用module.exports导出一个修改资源路径默认的是绝对路径 要的是相对路径
在vue.config.js中配置
module.exports = { publicPath: './' }
打包的命令行是npm run build

打包玩以后用内置的服务器我们要去下载一个插件：

如果没有配置的话是这样的

绝对路径

配置了的话是这个样子的
相对路径

二、去除生产环境sourceMap

module.exports={
   
    publicPath: './',
    productionSourceMap: true, //默认是开启的是正常的
}

如果我们在a.vue中随便写一个报错的话那么打包完打开以后点击报错是可以看到报错具体是那一行的

这里注意一下内存map为true的时候占用内存是

如果map关闭了的话
module.exports={
publicPath: ‘./’,
productionSourceMap: false, //关闭了的话
}
打包文件占用内存也减少了 但是不可以看开发环境的具体错误了

三、配置 alias 别名

//加载path模块
const path = require('path')
//定义resolve方法，把相对路径转换成绝对路径
const resolve = dir => path.join(__dirname, dir)

module.exports = {
   
  chainWebpack: config => {
   
    // 添加别名
    config.resolve.alias
      .set('@', resolve('src'