配置方法
- vue.config.js:
module.exports = {
lintonsave: false,
devserver: {
//开发环境下设置为编译好以后直接打开浏览器浏览
open: true,
},
configurewebpack: (config) => {
//调试js
config.devtool = "source-map"
},
css: {
//查看css属于哪个css文件
sourcemap: true,
},
}
配置后


配置前


开发环境的最佳品质的source map
module.exports = {
lintonsave: false,
devserver: {
//开发环境下设置为编译好以后直接打开浏览器浏览
open: true,
},
configurewebpack: (config) => {
//调试js
config.devtool = "eval-source-map"
},
css: {
//查看css属于哪个css文件
sourcemap: true,
}
}

旧版vue.config.js
module.exports = {
lintonsave: false,
productionsourcemap: false,
configurewebpack: { // 重点
devtool: "eval-source-map"
},
css: { //重点
sourcemap: true
}
}总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。
发表评论