解决vue打包后出现的.map文件

最新推荐文章于 2024-10-18 16:51:31 发布

原创最新推荐文章于 2024-10-18 16:51:31 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍如何在Vue项目中通过配置vue.config.js来禁用sourceMap的生成，这对于减小生产环境构建包体积及保护源代码有重要作用。

在vue.config.js中

module.exports = {
    productionSourceMap: false, // 生产环境是否生成 sourceMap 文件，一般情况不建议打开
}

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