Как настроить angular-cli для создания встроенных исходных карт?

Question

angular.json дает только возможность включить / выключить генерацию исходной карты, но по умолчанию она находится в отдельных файлах.

tsconfig.json также дает опцию inlineSources, но игнорируется angular-cli.

Есть ли способ указать angular-cli написать исходные карты внутри .js?

Answer 1

Для кого это может касаться, вот подход, который я реализовал, чтобы включить отладку с поддержкой исходных карт на устройствах Android

• установить ngx-build-plus, запустив npx ng add ngx-build-plus
  Это будетустановите требуемый пакет npm и, при необходимости, обновите angular.json. Для получения более подробной информации см. https://github.com/manfredsteyer/ngx-build-plus
• , создайте новый файл build-customization-plugin.js в корневом каталоге проекта и добавьте приведенное ниже содержимое в этот файл
• запустите ng build --eval-source-map --plugin ~build-customization-plugin.js из корневого каталога, чтобы построить проект с исходными картами для отладки на устройствах Android

Это лучший подход, чем изменение источника angular / cliкак я описал в предыдущем порту:)

Answer 2

Это не поддерживается.Чтобы включить это, я исправил исходный код angular 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';