配置方法
- 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 } }
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。
发表评论