101、Vue3.0打包后出现一些map文件的解决办法

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

1,运行 cnpm run build 开始打包

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

解决办法:在vue2.0版本中去src/config/index.js 中改一个参数:productionSourceMap:false;
而在vue3.0中在vue.config.js文件配置:

module.exports = {
    baseUrl: process.env.NODE_ENV === 'production' ? './' : '',
    productionSourceMap: process.env.NODE_ENV === 'production' ? false : true
}

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

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

你可能感兴趣的:(101、Vue3.0打包后出现一些map文件的解决办法)