Как скомпилировать свой Angular 9 проект с помощью Closure Compiler?

Для компиляции своего проекта Angular 9 с помощью Closure Compiler, нужно выполнить несколько шагов.

Во-первых, убедитесь, что на вашем компьютере установлен Node.js и npm. Вы можете проверить их установку, запустив команды node -v и npm -v в командной строке. Если эти команды не возвращают ошибки и показывают версии Node.js и npm соответственно, то вы готовы перейти к следующему шагу.

Во-вторых, откройте командную строку в корневом каталоге своего проекта Angular 9.

Для установки Closure Compiler необходимо выполнить следующую команду:

npm install closurecompiler -g

Это установит последнюю версию Closure Compiler глобально на вашем компьютере.

После успешной установки Closure Compiler, вы можете скомпилировать свой Angular 9 проект с помощью следующей команды:

ng build --prod && closure-compiler --js=dist/* --js_output_file=dist/output.js

Команда ng build --prod запускает сборку проекта Angular 9 в режиме продакшена и создает файлы сборки в каталоге dist.

Команда closure-compiler используется для запуска Closure Compiler и указывает путь к файлам, которые нужно скомпилировать. В данном случае мы указываем все файлы в каталоге dist с помощью шаблона dist/*.

Также мы указываем аргумент --js_output_file, который определяет, куда следует сохранить скомпилированный файл. В данном случае мы сохраняем его в файл с именем output.js в каталоге dist.

После выполнения этой команды Closure Compiler скомпилирует все файлы в каталоге dist в единый файл output.js. Вы можете изменить имя файла и путь к нему, указав соответствующие значения в команде.

Важно отметить, что Closure Compiler может быть требователен к ресурсам и требовать больше времени для компиляции крупных проектов. Также учтите, что Closure Compiler может минифицировать и оптимизировать ваш код, что может привести к изменению поведения вашего приложения. Поэтому рекомендуется тщательно протестировать скомпилированную версию перед развертыванием на продакшн. Возможно вам захочется сохранять исходные файлы отдельно, чтобы их можно было отлаживать в дальнейшем, этого можно добиться при помощи флага --compilation_level = WHITESPACE_ONLY. Это сохранит все исходные файлы, но выполняется минификация кода и уменьшение размера финального файла.

Надеюсь, эта информация поможет вам скомпилировать ваш проект Angular 9 с помощью Closure Compiler.