Как собрать Angular 4.3.6 для производства?

Question

У меня есть несколько вопросов по поводу приложения Angular 4, созданного с помощью angular-cli и использующего Webpack.

Является ng build --prod --aot лучшая команда для создания окончательного пакета для развертывания в производственной среде?

Если да, то дрожит ли дерево и настроены ли AOT и Uglfy по умолчанию через angular-cli или я должен настроить их вручную?

Есть ли другие рекомендации или советы по комплектации приложения Angular 4, разработанного с помощью angular-cli?

Я использую @angular/cli версии 1.3.1.

Answer 1

Ты очень близко В соответствии с документацией angular-cli это настройки, используемые для флага --prod:

--aot true
--environment prod
--output-hashing all
--sourcemaps false
--extract-css true
--named-chunks   false

Это также делает это:

• Добавляет работника сервиса, если настроено в.angular-cli.json.
• Заменяет process.env.NODE_ENV в модулях производственной стоимостью.
• Запускает UglifyJS в коде.

Итак, используя ng build --prod это все, что вам нужно сделать, а angular-cli позаботится об остальном.

Answer 2

Является ли ng build --prod --aot лучшей командой для создания окончательного пакета для развертывания на этапе разработки...?

Я могу быть кратким об этом, да

Если да, то дрожит ли дерево и настроены ли AOT и Uglfy по умолчанию через Angular-cli или я должен настроить это вручную?

Вам не нужно настраивать это вручную. Это уже там.

Есть ли какой-либо другой лучший способ или совет, чтобы связать приложение Angular 4, разработанное через Angular-cli...?

Вы можете использовать экспериментальный вариант build-optimizer=true для дальнейшего уменьшения размера вашего приложения. Обратите внимание, это экспериментально.