Question

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

tsconfig.json还提供了inlineSources选项，但是angular-cli会忽略它。

有没有办法告诉angular-cli在.js内编写源地图？

Answer 1

不支持此功能。为了实现此目的，我修补了角度cli源代码（我具有@ angular / cli版本7.0.0）以使用inline-source-maps webpack选项。为此，我在node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js文件中更改了一行

sourcemaps = 'eval';

到

sourcemaps = 'inline-source-map';

Answer 2

可能涉及到的人，这是我实现的在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设备上进行调试

这是比我在上一个端口中描述的更改角度/ cli信号源更好的方法：）

如何配置angular-cli创建内联源地图？

2 个答案: