vue cli 配置開發環境下的sourcemap

配置方法：

vue.config.js:

module.exports = {
  lintOnSave: false,
  devServer: {
    //開發環境下設置為編譯好以后直接打開瀏覽器瀏覽
    open: true,
  },
  configureWebpack: (config) => {
    //調試JS
    config.devtool = "source-map"
  },
  css: {
    //查看CSS屬於哪個css文件
    sourceMap: true,
  },
}

配置后：

 

配置前：