vue项目打包优化之-productionSourceMap设置

这个是优化之前项目打包后dist目录文件大小，约为20.6M
打包后里面的js文件

**
**

打包后每个js文件都有一个map文件

map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。
有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。

productionSourceMap: 改成false后

优化后，打包目录大小

优化后打包目录里的前端文件

productionSourceMap: 改成false后
所有打包生成的map文件都没有了，打包包体积大小直接从20.6MB变成5.05MB，一下子减少15MB！！！奥利给

总结：

在设置了vue.config.js之后，就不会生成map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。也就是说map文件相当于是查看源码的一个东西。如果不需要定位问题，并且不想被看到源码，就把productionSourceMap
置为false，既可以减少包大小，也可以加密源码。

• « 上一篇：1.Linux命令-删除
• » 下一篇：echarts如何动态给legend里的formatter传值