设置devtool = "source-map" 调试vue项目不生效

chrome调试vue项目，发现页面是webpack编译后的代码？】

vue.config.js配置

productionSourceMap: true,

  configureWebpack: config => {
    config.devtool = "source-map"
    //生产环境取消 console.log
    if (process.env.NODE_ENV === 'production') {
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  },

设置devtool = "source-map" 不生效。

devtool: 'source-map’已经配置过了，但是在谷歌浏览器控制台调试的时候依旧只能查看webpack编译后的js文件，无法查看vue源码，这是后可能是谷歌浏览器将源码给忽略了。 F12进入工作台，打开设置，打开忽略列表，将勾选取消，然后重新调试vue项目，可正常显示vue源码。