Как я могу использовать webpack "output.devtoolNamespace" в angular

Question

У меня есть приложение angular.

В браузере я вижу исходник root как
webpack: //src...

Я хочу для использования других пространств имен, таких как
webpack: //web-component-a/...
webpack: //web-component-b/...

в документации по веб-пакету Я прочитал I можно сделать это с помощью:
https://webpack.js.org/configuration/output/#outputdevtoolnamespace

Но в angular 9 у меня нет конфигурации веб-пакета. Как я могу объединить частичный файл пользовательского веб-пакета и настроить объект «вывода», не переопределяя его

Answer 1

Я понял:

ng add ngx-build-plus

webpack.partial. js

const webpack = require('webpack');

module.exports = {
    output: {
        devtoolNamespace: 'client-a'
    },
    devtool: 'eval' // hint: namespace works not standalone
}

запустить с частичной конфигурацией веб-пакета:

ng serve --extra-webpack-config webpack.partial.js --port 7201 --single-bundle

ожидается результат: