vue项目打包 — productionSourceMap设置

今天甲方说打包后的文件要去掉 js.map 文件，好吧。

本来map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。就是说map文件相当于是查看源码的一个帮助工具。
打包后每个js文件都有一个map文件，想要去除.map文件，只需要将config/index/js文件里的productionSourceMap: 改成false后重新打包；

productionSourceMap:false

image.png

原来打包后的dist体积差不多30.3M

image.png

打包后的dist体积剩余23.4M

image.png

js文件夹里所有打包生成的map文件都没有了，打包包体积大小也减少了很多，服务器压力也⬇️。

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