Vue打包注意事项

在使用vue-cli进行项目打包时，发现了一些之前没注意到的点，所以写下此文，记录一下，若是能够对你们有所帮助，那就更好了。
1.直接使用npm run build 打包时，会出现一些以.map结尾的文件
  .map文件的做用：因为打包后代码会进行加密，这时若是运行错误，输出的错误信息没法准确得知是哪里的代码报错，而有了这些.map文件当代码出现错误时，能够像未加密时同样，准确的输出错误在那个位置。
  缘由：vue-cli中默认打包后建立.map文件，以提醒开发人员错误位置。
  解决方式：
  
  打开项目根目录下的/config/index.js文件，找到 productionSourceMap: true, 将这个参数改成false便可。
  建议：
  通常状况下，项目都是通过测试完以后才上线，代码基本上不会有什么问题，因此这时报错提示基本上没有什么用，反而会占必定的体积，所以能够将它删除。

2.打包以后出现页面渲染不出来的状况
  缘由：打开控制台后看见报错信息显示是路径找不到，缘由是vue-cli打包默认状况下使用的是绝对路径，将其打包后的路径改成相对路径便可
  解决方式：
  
  打开项目根目录下的/config/index.js文件，找到 assetsPublicPath: '/'这个参数，将其修改成 './'便可。
3.在代码中引入图片时，使用相对路径，这样能够避免出现打包后图片出不来的状况。

---

以上就是我在进行Vue打包时的一些收获，若是你们以为有哪些不足之处，能够指出，我必定将其改正。