angular-cli - 如何配置 angular-cli 来创建内联源映射？

Question

angular.json 只提供打开/关闭源映射生成的选项，但默认情况下它位于单独的文件中。

tsconfig.json 也提供了 inlineSources 选项，但它被 angular-cli 忽略。

有没有办法告诉 angular-cli 在 .js 中编写源映射？

Answer 1

对于它可能关心的人，这是我实现的方法，用于在 Android 设备上启用带有源映射支持的调试

通过运行 npx ng add ngx-build-plus 安装 ngx-build-plus
这将安装所需的 npm 包并根据需要更新 angular.json
更多详情请见https://github.com/manfredsteyer/ngx-build-plus

创建新文件 build-customization-plugin.js在项目根目录下，在这个文件中添加以下内容

var merge = require('webpack-merge');

exports.default = {
    config: function (cfg) {
        const strategy = merge.strategy({
            'devtool': 'replace',
        });

        return strategy(cfg, {
            devtool: 'inline-source-map'
        });
    }
}

运行 ng build --eval-source-map --plugin ~build-customization-plugin.js从根目录构建带有源映射的项目，以便在 Android 设备上进行调试

这是一种比我在之前的端口中描述的更改 angular/cli 源更好的方法:)