// 是否为生产环境
const isProduction = process.env.NODE_ENV == "production";
const port = 1028; // dev port
module.exports = {
  publicPath: "./", // 基本路径，打包时加上
  outputDir: process.env.outputDir || "prod", // 输出文件目录
  productionSourceMap: !isProduction,
  configureWebpack: config => {
    if (process.env.NODE_ENV == "development") {
      // 测试环境中 Chrome和VS Code中的Vue.js调试
      Object.assign(config, {
        devtool: "source-map"
      });
    }
  }
 ...
}

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}",
      "breakOnLoad": true,
      "pathMapping": {
        "/_karma_webpack_": "${workspaceFolder}"
      },
      "sourceMapPathOverrides": {
        "webpack:/*": "${webRoot}/*",
        "/./*": "${webRoot}/*",
        "/src/*": "${webRoot}/*",
        "/*": "*",
        "/./~/*": "${webRoot}/node_modules/*"
      },
      "preLaunchTask": "vuejs: start"
    }
  ]
}