vue3+ts学习(九):webpack如何更好地在控制台审阅代码

52 阅读1分钟

在代码里故意写行错误代码,在控制台跳转的报错地点时无法很好的定位问题

image.png

为了方便调试代码,及时发现报错代码来源,需要对webpack.config.js进行配置

module.exports = { 
    // ... 
    // 设置模式 development为开发模式, production为生产模式(默认),准备打包上线的时候 
    mode:"development", 
    // 默认是eval,方便调试设置source-map,建立js映射文件,方便调试代码和错误,能看到源代码 
    devtool:"source-map", 
};

设置后控制台定位问题的结果如下,跟我们编码器上的代码一样了

image.png