vue打包之后出现一些map文件

在用vue-cli项目,打包之后的js中,会自动生成一些map文件,导致打包之后的文件很大。

运行 npm run build 开始打包之后,会在项目目录下自动创建一个dist目录,打包后的文件都在其中。

那么map文件的作用是什么呢?

如果打包之后的dist目录中没有map文件,那么项目打包后,代码都是经过压缩加密的,如果运行时候报错或者有console.log输出,输出的内容无法准确的得知是哪里的代码输出的。

9444961-353e90a9347b858c.png
9444961-101ddc7599a95a01.png

有了map文件就可以像未加密的代码一样,准确的得知是哪一行输出的。

9444961-3c85e05318c784ae.png
9444961-608f587f683e6564.png

如何让打包后的代码不生成map文件?

只需要目录src/config/index.js中改一个参数:productionSourceMap:false ; 只要把这个改成false。

猜你喜欢

转载自blog.csdn.net/weixin_34191734/article/details/87389835