vue cli 3.0下(调试)--配置开发环境下的sourcemap

vue cli 3.0下( 调试 )

默认vue项目调试的时候，是编译过的（如图）

在 vue.config.js 文件中的 configureWebpack 里添加 source-map 配置

  configureWebpack: {
    name: name,
    devtool: process.env.NODE_ENV === "production" ? 'false' : 'source-map',
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },

配置成功后，调试窗口中源码位置的webpack://根目录下会多出一个src文件夹，里面就有所有的源码了

当然，使用 vue-devtools 工具即可看到所有变量值（需要安装Chrome插件）