解决vue-cli使用build打包构建后可以在浏览器看到源码的问题
问题描述使用build打包部署后在浏览器按F12,点击Sources后可以看到webpack://的目录,里面包含了项目的所有源码适用vue版本$ vue -V@vue/cli 4.0.5问题产生原因在vue-cli3之后原本的配置文件变为了可选的了,并且默认打包后可以通过map文件看到源码以方便调试。解决方法有两种解决方法:在项目根目录下增加vue.config.js文件,...
·
问题描述
使用build打包部署后在浏览器按F12
,点击Sources
后可以看到webpack://
的目录,里面包含了项目的所有源码
适用vue版本
$ vue -V
@vue/cli 4.0.5
问题产生原因
在vue-cli3之后原本的配置文件变为了可选的了,并且默认打包后可以通过map文件看到源码以方便调试。
解决方法
有两种解决方法:
- 在项目根目录下增加
vue.config.js
文件,在其中进行配置
module.exports = {
productionSourceMap: true
}
- 在
package.json
中增加vue
属性,在其值中进行配置
{
"name": "test",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
},
"vue": {
"productionSourceMap": false
}
}
拓展
更多推荐
已为社区贡献1条内容
所有评论(0)