При сборке приложения Angular мы настоятельно рекомендуем использовать Angular CLI, чтобы задействовать его функциональность обновлений, зависящую от структуры проекта, и абстракцию системы сборки. Таким образом, ваши проекты получают преимущества от последних улучшений безопасности, производительности и API, а также прозрачных улучшений процесса сборки.
Эта страница рассматривает редкие случаи, когда вам необходим пользовательский конвейер сборки, не использующий Angular CLI. Все перечисленные ниже инструменты являются плагинами сборки с открытым исходным кодом, которые поддерживаются участниками сообщества Angular. Чтобы узнать больше о модели их поддержки и статусе обслуживания, обратитесь к их документации и репозиториям на GitHub.
Когда следует использовать пользовательский конвейер сборки?
Существуют некоторые нишевые случаи использования, когда вы можете захотеть поддерживать собственный конвейер сборки. Например:
- У вас есть существующее приложение, использующее другой набор инструментов, и вы хотите добавить в него Angular.
- Вы жестко привязаны к module federation и не можете перейти на не зависящую от сборщика native federation.
- Вы хотите создать краткосрочный эксперимент, используя свой любимый инструмент сборки.
Какие есть варианты?
В настоящее время существуют два хорошо поддерживаемых сообществом инструмента, которые позволяют создать пользовательский конвейер сборки с помощью плагина Vite и плагина Rspack. Оба они используют базовые абстракции, на которых работает Angular CLI. Они позволяют создать гибкий конвейер сборки, но требуют ручного обслуживания и не предоставляют возможности автоматического обновления.
Rspack
Rspack — это сборщик на основе Rust, целью которого является обеспечение совместимости с экосистемой плагинов webpack.
Если ваш проект тесно связан с экосистемой webpack и сильно зависит от кастомной конфигурации webpack, вы можете использовать Rspack для ускорения времени сборки.
Вы можете узнать больше об Angular Rspack на веб-сайте документации проекта.
Vite
Vite — это инструмент сборки фронтенда, нацеленный на обеспечение более быстрого и легкого процесса разработки для современных веб-проектов. Vite также расширяем благодаря своей системе плагинов, которая позволяет экосистемам создавать интеграции с Vite, такие как Vitest для модульного и браузерного тестирования, Storybook для создания изолированных компонентов и многое другое. Angular CLI также использует Vite в качестве сервера разработки.
Плагин AnalogJS Vite для Angular позволяет внедрить Angular в проект или фреймворк, который использует Vite или построен на его основе. Это может включать разработку и сборку проекта Angular непосредственно с помощью Vite или добавление Angular в существующий проект или конвейер. Одним из примеров является интеграция UI-компонентов Angular в сайт документации с использованием Astro и Starlight.
Вы можете узнать больше об AnalogJS и о том, как использовать плагин, на его странице документации.