vue-cli使用build打包构建后可以在浏览器看到源码的问题

使用build打包部署后在浏览器按F12，点击Sources后可以看到webpack://的目录，里面包含了项目的所有源码

 

问题产生原因
在vue-cli3之后原本的配置文件变为了可选的了，并且默认打包后可以通过map文件看到源码以方便调试。

解决方法
有两种解决方法：

1.在项目根目录下增加vue.config.js文件，在其中进行配置

module.exports = {
productionSourceMap: false
}

 

2.在package.json中增加vue属性，在其值中进行配置

{
"name": "test",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
},
"vue": {
"productionSourceMap": false
}
}