Использование ng-annotate с angular cli

У меня есть существующее приложение angular.js, которое я обновляю до angular с помощью NgUpgrade. Я также пытаюсь перейти к использованию angular cli в качестве системы сборки. ng serve и ng build работают отлично, но у меня проблемы с ng build -prod.

Для исходного приложения я использовал gulp для сборки и в качестве промежуточного шага преобразовал входные файлы с помощью ng-annotate. Мне трудно заставить это работать с angular cli.

Есть ли способ интегрировать ng-annotate с ng build -prod? Или любой другой способ обработки файлов angular.js перед минификацией?


person lalo    schedule 20.04.2017    source источник
comment
привет, ты смог решить свою проблему? Мне было бы интересно. спасибо   -  person Cyril    schedule 02.03.2018
comment
@Cyril Извините, я так и не нашел способ решить эту проблему.   -  person lalo    schedule 05.04.2018
comment
Наконец-то я решил эту проблему, используя Webpack напрямую с 'ng-annotate-webpack-plugin'!   -  person Cyril    schedule 05.04.2018
comment
@Cyril, не могли бы вы показать нам конфигурацию вашего веб-пакета и как вы запускаете клиентский сервер?   -  person Dionis Oros    schedule 28.04.2020
comment
Вы удалили конфигурацию Angular CLI?   -  person Daniel    schedule 29.12.2020


Ответы (1)


Я сделал это, используя babel-plugin-angularjs-annotate, который добавляет аннотации к исходным файлам на постоянной основе (поэтому вам нужно запустить его только один раз).

Я разместил подробные инструкции в этом другом сообщении SO.

Обратите внимание, что Babel не следует добавлять в ваш проект Angular. Вместо этого вы создаете второй проект и выполняете в нем Babel. Babel прочитает файлы из указанной вами папки и сгенерирует аннотированные файлы в другой указанной вами папке.

После того, как вы запустите это один раз, вы можете забыть о ng-annotate.

person Daniel    schedule 30.12.2020