Angular CLI - команда ng build
Синтаксис
ng build <project> [options]
ng b <project> [options]Команда ng build компилирует приложение / библиотеку angular в выходной каталог с именем dist по заданному пути. Опции - это необязательные параметры.
Аргументы
| Sr. No. | Аргумент и синтаксис | Описание |
|---|---|---|
| 1 | <проект> | Имя создаваемого приложения или библиотеки. |
Параметры
| Sr. No. | Вариант и синтаксис | Описание |
|---|---|---|
| 1 | --aot = true | false |
Сборка с использованием опережающей компиляции. По умолчанию: false. |
| 2 | --baseHref = baseHref | Базовый URL для создаваемого приложения. |
| 3 | --buildEventLog = buildEventLog | ЭКСПЕРИМЕНТАЛЬНАЯ ЧАСТЬ Путь к выходному файлу для событий Build Event Protocol. |
| 4 | --buildOptimizer = true | false | Включает оптимизацию @ angular-devkit / build-optimizer при использовании параметра aot. По умолчанию: false. |
| 5 | --commonChunk = true | false |
Используйте отдельный пакет, содержащий код, используемый в нескольких пакетах. По умолчанию: false. |
| 6 | --configuration = конфигурация | Именованная цель сборки, как указано в разделе «конфигурации» файла angular.json. Каждая именованная цель сопровождается конфигурацией параметров по умолчанию для этой цели. Установка этого явно отменяет флаг "--prod". Псевдонимы: -c. |
| 7 | --crossOrigin = none | анонимный | учетные данные |
Определите настройку атрибута crossorigin для элементов, которые обеспечивают поддержку CORS. По умолчанию: нет. |
| 8 | --deleteOutputPath = true | false |
Удалите выходной путь перед построением. По умолчанию: true. |
| 9 | --deployUrl = deployUrl | URL-адрес, по которому будут развертываться файлы. |
| 10 | --experimentalRollupPass = true | false |
Объедините модули с Rollup, прежде чем связывать их с Webpack. По умолчанию: false. |
| 11 | --extractCss = true | false |
Извлеките css из глобальных стилей в файлы css вместо js. По умолчанию: false. |
| 12 | --extractLicenses = true | false |
Распакуйте все лицензии в отдельный файл. По умолчанию: false. |
| 13 | --forkTypeChecker = true | false |
Запустите проверку типов TypeScript в разветвленном процессе. По умолчанию: true. |
| 14 | --help = true | false | json | JSON |
Показывает справочное сообщение для этой команды в консоли. По умолчанию: false. |
| 15 | --i18nMissingTranslation = предупреждение | ошибка | игнорировать |
Как работать с отсутствующими переводами для i18n. По умолчанию: предупреждение. |
| 16 | --index = индекс | Настраивает создание HTML-индекса приложения. |
| 17 | --localize = true | false | |
| 18 | --main = main | Полный путь к основной точке входа в приложение относительно текущей рабочей области. |
| 19 | - namedChunks = true | false |
Используйте имя файла для ленивых загружаемых фрагментов. По умолчанию: true. |
| 20 | --ngswConfigPath = ngswConfigPath | Путь к ngsw-config.json. |
| 21 год | --optimization = true | false | Включает оптимизацию вывода сборки. |
| 22 | --outputHashing = none | all | media | bundles |
Определите режим хеширования с очисткой кеша выходного имени файла. По умолчанию: нет. |
| 23 | --outputPath = outputPath | Полный путь к новому каталогу вывода относительно текущего рабочего пространства. По умолчанию записывает вывод в папку с именем dist / в текущем проекте. |
| 24 | --опрос | Включите и определите период времени опроса просмотра файлов в миллисекундах. |
| 25 | --polyfills = полифиллы | Полный путь к файлу полифиллов относительно текущей рабочей области. |
| 26 | --preserveSymlinks = true | false |
Не используйте реальный путь при разрешении модулей. По умолчанию: false. |
| 27 | --prod = true | false | Сокращение для «--configuration = production». Если установлено значение true, устанавливает конфигурацию сборки для производственной цели. По умолчанию рабочая цель настроена в конфигурации рабочего пространства, так что все сборки используют объединение, ограниченное встряхивание дерева, а также ограниченное удаление мертвого кода. |
| 28 | --progress = true | false |
Записывайте прогресс в консоль во время сборки. По умолчанию: true. |
| 27 | --resourcesOutputPath = resourcesOutputPath | Путь, по которому будут размещены ресурсы стиля, относительно outputPath. |
| 28 | --serviceWorker = true | false |
Создает конфигурацию сервис-воркера для производственных сборок. По умолчанию: false. |
| 29 | --showCircularDependencies = true | false |
Показывать предупреждения о циклической зависимости в сборках. По умолчанию: true. |
| 30 | --sourceMap = true | false |
Исходные карты вывода. По умолчанию: true. |
| 31 год | --statsJson = истина | ложь |
Создает файл stats.json, который можно проанализировать с помощью таких инструментов, как webpack-bundle-analyzer. По умолчанию: false. |
| 32 | --subresourceIntegrity = true | false |
Позволяет использовать проверку целостности подресурсов. По умолчанию: false. |
| 33 | --tsConfig = tsConfig | Полный путь к файлу конфигурации TypeScript относительно текущей рабочей области. |
| 34 | --vendorChunk = true | false |
Используйте отдельный комплект, содержащий только библиотеки поставщиков. По умолчанию: true. |
| 35 год | --verbose = истина | ложь |
Добавляет дополнительные сведения в журнал вывода. По умолчанию: true. |
| 36 | --watch = истина | ложь |
Запускать сборку при изменении файлов. По умолчанию: false. |
| 37 | --webWorkerTsConfig = webWorkerTsConfig | Конфигурация TypeScript для модулей Web Worker. |
Сначала перейдите к проекту angular, обновленному с помощью команды ng generate . Замените содержимое app.component.html следующим содержимым, а затем запустите команду.
<app-goals></app-goals>
<router-outlet></router-outlet>пример
\>Node\>TutorialsPoint> ng build
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/core : es2015 as esm2015
Compiling @angular/compiler/testing : es2015 as esm2015
Compiling @angular/animations/browser : es2015 as esm2015
Compiling @angular/core/testing : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/common/http : es2015 as esm2015
Compiling @angular/common/testing : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling @angular/platform-browser/testing : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
Compiling @angular/animations/browser/testing : es2015 as esm2015
Compiling @angular/common/http/testing : es2015 as esm2015
Compiling @angular/forms : es2015 as esm2015
Compiling @angular/platform-browser/animations : es2015 as esm2015
Compiling @angular/platform-browser-dynamic/testing : es2015 as esm2015
Compiling @angular/router/testing : es2015 as esm2015
Generating ES5 bundles for differential loading...
ES5 bundle generation complete.
chunk {polyfills} polyfills-es2015.js, polyfills-es2015.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime-es2015.js, runtime-es2015.js.map (runtime) 6.16 kB [entry] [rendered]
chunk {runtime} runtime-es5.js, runtime-es5.js.map (runtime) 6.16 kB [entry] [rendered]
chunk {styles} styles-es2015.js, styles-es2015.js.map (styles) 12.4 kB [initial] [rendered]
chunk {styles} styles-es5.js, styles-es5.js.map (styles) 13.9 kB [initial] [rendered]
chunk {main} main-es2015.js, main-es2015.js.map (main) 61.4 kB [initial] [rendered]
chunk {main} main-es5.js, main-es5.js.map (main) 65 kB [initial] [rendered]
chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 656 kB [initial] [rendered]
chunk {vendor} vendor-es2015.js, vendor-es2015.js.map (vendor) 2.67 MB [initial] [rendered]
chunk {vendor} vendor-es5.js, vendor-es5.js.map (vendor) 3.11 MB [initial] [rendered]
Date: 2020-06-04T01:31:35.612Z - Hash: d5fd9371cdc40ae353bc - Time: 210494msКоманда ng build успешно построила наш проект TutorialsPoint.