我如何配置 angular-cli 和 webpack 来创建用于调试的源映射

How do i configure angular-cli & webpack to create source maps for debugging

这本应该是微不足道的话题,结果却让我一头雾水。 我有一个 angular-cli 项目,并尝试配置 webpack 以创建源映射、d.ts 文件和 polyfill 文件。首先,尝试配置源地图。我做了 ng eject 并且有配置文件。我需要在配置文件中配置什么来创建源映射?

尝试在网上寻找答案...没有什么真正相关的。

如果我了解您目前的情况,您只需将此行添加到您的 webpack.config

devtool: 'source-map'

了解如何解决此问题。 在 angular-cli 项目中,webpack 配置被隐藏,直到 ng eject 命令吐出 webpack.config 文件。 webpack 配置文件不使用常规的 devTools 属性 而是 plugins 属性 它创建了一个 SourceMapDevToolPlugin 传递给它 4 个参数 filename, moduleFilenameTemplate, fallbackModuleFilenameTemplate, sourceRoot,删除除 filename 之外的所有参数并更改其"[name].js.map" 的值解决了这个问题,现在为每个捆绑文件创建了一个 map.js 文件。