Vue打包后出现一些map文件的解决办法: productionSourceMap(vue-cli 3.0)

问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢?

1,运行  cnpm run build  开始打包

2,会在项目目录下自动创建dist目录,打包好的文件都在其中

解决办法:去src/config/index.js (vue.config.js)中改一个参数:

productionSourceMap:false

把这个改为false。不然在最终打包的文件中会出现一些map文件,map文件的作用在于:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。

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

module.exports = {

baseUrl: process.env.NODE_ENV === 'production' ? './' : '', // 打包时候 必须为 ./ 否则打包后的文件会报错 

productionSourceMap: process.env.NODE_ENV === 'production' ? false : true

}

猜你喜欢

转载自blog.csdn.net/Future1994/article/details/84943245
今日推荐