如何激活 Vue-Cli 4 的源映射？

Question

我相信该npm run serve命令默认为 js 使用 sourcemap，但似乎不是因为我总是看到vue.runtime.esm.js:619.

我在根级项目中创建了一个 vue.config.js 文件。

我尝试两件事：

module.exports = {
    configureWebpack: config => {
          config.devtool = 'source-map'
    }
}

和：

module.exports = {
    configureWebpack: {
        devtool: 'source-map'
    }
}

它们都不起作用。我仍然坚持vue.runtime.esm.js:619哪个没用。

有谁知道如何真正使用 vue-cli 4 激活源映射？

Answer 1

您正在寻找该ProjectOptions chainWebpack房产。

  chainWebpack?: (config: ChainableWebpackConfig) => void;

在您的文件中尝试以下操作vue.config.js：

/** @type import('@vue/cli-service').ProjectOptions */

module.exports = {
  // https://github.com/neutrinojs/webpack-chain/tree/v4#getting-started
  chainWebpack(config) {
    config.devtool('source-map')
  },
}