????目前用的vue-cli用的版本是4.3.1,vue的版本是2.6.11铣卡,默認(rèn)vue.config.js配置的是不包含sourcemap链韭。
在本地跑npm run dev,由于沒(méi)有map文件不會(huì)對(duì)應(yīng)vue文件的代碼煮落,加了debugger敞峭;之后調(diào)試的代碼也是編譯之后的js文件。
????在vue.config.js增加下面的配置蝉仇,在chrome瀏覽器里面就會(huì)對(duì)應(yīng)上vue文件了:
需要增加 productionSourceMap和configureWebpack.devtool旋讹,下面就是配置的例子,都是配置dev環(huán)境有這個(gè)map和devtool的配置
module.exports = {
//......上面一堆配置
productionSourceMap: process.env.NODE_ENV === 'dev',
//......
configureWebpack: {
devtool: process.env.NODE_ENV === 'dev' ? 'source-map' : undefined,
// 下面也是一堆配置...
name: name,
resolve: {
alias: {
'@': resolve('src')
}
}
},