Açısal CLI - ng oluşturma Komutu
Sözdizimi
ng build <project> [options]
ng b <project> [options]ng build komutu, belirli bir yolda dist adlı bir çıktı dizininde açısal bir uygulama / kitaplık derler. Seçenekler isteğe bağlı parametrelerdir.
Argümanlar
| Sr.No. | Bağımsız Değişken ve Sözdizimi | Açıklama |
|---|---|---|
| 1 | <proje> | Oluşturulacak uygulamanın veya kitaplığın adı. |
Seçenekler
| Sr.No. | Seçenek ve Sözdizimi | Açıklama |
|---|---|---|
| 1 | --aot = true | false |
Ahead of Time derlemesini kullanarak derleyin. Varsayılan: yanlış. |
| 2 | --baseHref = baseHref | Oluşturulmakta olan uygulamanın temel URL'si. |
| 3 | --buildEventLog = buildEventLog | DENEYSEL Derleme Olay Protokolü olayları için çıktı dosyası yolu. |
| 4 | --buildOptimizer = true | false | 'Aot' seçeneğini kullanırken '@ angular-devkit / build-optimizer' optimizasyonlarını etkinleştirir. Varsayılan: yanlış. |
| 5 | --commonChunk = true | false |
Birden çok pakette kullanılan kodu içeren ayrı bir paket kullanın. Varsayılan: yanlış. |
| 6 | --configuration = konfigürasyon | Angular.json'un "konfigürasyonlar" bölümünde belirtildiği gibi adlandırılmış bir yapı hedefi. Her adlandırılmış hedefe, o hedef için bir seçenek varsayılanları yapılandırması eşlik eder. Bunun ayarlanması açıkça "--prod" bayrağını geçersiz kılar. Takma adlar: -c. |
| 7 | --crossOrigin = yok | anonim | kullanım-kimlik bilgileri |
CORS desteği sağlayan öğelerin crossorigin öznitelik ayarını tanımlayın. Varsayılan: yok. |
| 8 | --deleteOutputPath = true | false |
Oluşturmadan önce çıktı yolunu silin. Varsayılan: doğru. |
| 9 | --deployUrl = deployUrl | Dosyaların dağıtılacağı URL. |
| 10 | --experimentalRollupPass = true | false |
Modülleri Webpack ile paketlemeden önce Rollup ile birleştirin. Varsayılan: yanlış. |
| 11 | --extractCss = true | yanlış |
Css'i global stillerden js olanlar yerine css dosyalarına çıkarın. Varsayılan: yanlış. |
| 12 | --extractLicenses = true | false |
Tüm lisansları ayrı bir dosyaya çıkarın. Varsayılan: yanlış. |
| 13 | --forkTypeChecker = true | false |
TypeScript tür denetleyicisini çatallı bir işlemde çalıştırın. Varsayılan: doğru. |
| 14 | --help = true | false | json | JSON |
Konsolda bu komut için bir yardım mesajı gösterir. Varsayılan: yanlış. |
| 15 | --i18nMissingTranslation = uyarı | hata | yok say |
İ18n için eksik çeviriler nasıl işlenir. Varsayılan: uyarı. |
| 16 | --index = dizin | Uygulamanın HTML dizininin oluşturulmasını yapılandırır. |
| 17 | --localize = true | false | |
| 18 | --main = main | Geçerli çalışma alanına göre uygulamaya giden ana giriş noktasının tam yolu. |
| 19 | --namedChunks = true | false |
Geç yüklenen yığınlar için dosya adı kullanın. Varsayılan: doğru. |
| 20 | --ngswConfigPath = ngswConfigPath | Ngsw-config.json yolu. |
| 21 | --optimization = true | false | Derleme çıktısının optimizasyonunu etkinleştirir. |
| 22 | --outputHashing = yok | tümü | medya | paketler |
Çıktı dosyası adı önbellek bozan karma modu tanımlayın. Varsayılan: yok. |
| 23 | --outputPath = outputPath | Geçerli çalışma alanına göre yeni çıktı dizininin tam yolu. Varsayılan olarak, çıktıyı mevcut projede dist / adlı bir klasöre yazar. |
| 24 | --anket | Milisaniye cinsinden dosya izleme yoklama süresini etkinleştirin ve tanımlayın. |
| 25 | --polyfills = çoklu dolgular | Mevcut çalışma alanına göre çoklu dolgular dosyasının tam yolu. |
| 26 | --preserveSymlinks = true | false |
Modülleri çözerken gerçek yolu kullanmayın. Varsayılan: yanlış. |
| 27 | --prod = true | false | "--Configuration = production" için kısa açıklama. Doğru olduğunda, derleme yapılandırmasını üretim hedefine ayarlar. Varsayılan olarak, üretim hedefi, çalışma alanı yapılandırmasında ayarlanır, böylece tüm yapılarda gruplama, sınırlı ağaç sallama ve ayrıca sınırlı ölü kod eliminasyonu kullanılır. |
| 28 | --progress = true | false |
İnşa ederken ilerlemeyi konsola kaydedin. Varsayılan: doğru. |
| 27 | --resourcesOutputPath = resourcesOutputPath | Çıktı Yolu'na göre stil kaynaklarının yerleştirileceği yol. |
| 28 | --serviceWorker = true | false |
Üretim yapıları için bir hizmet çalışanı yapılandırması oluşturur. Varsayılan: yanlış. |
| 29 | --showCircularDependencies = true | false |
Derlemelerde döngüsel bağımlılık uyarıları göster. Varsayılan: doğru. |
| 30 | --sourceMap = true | false |
Çıktı kaynak haritaları. Varsayılan: doğru. |
| 31 | --statsJson = true | false |
'Webpack-bundle-analyzer' gibi araçlar kullanılarak analiz edilebilen bir 'stats.json' dosyası oluşturur. Varsayılan: yanlış. |
| 32 | --subresourceIntegrity = true | false |
Alt kaynak bütünlüğü doğrulamasının kullanımını etkinleştirir. Varsayılan: yanlış. |
| 33 | --tsConfig = tsConfig | TypeScript yapılandırma dosyasının geçerli çalışma alanına göre tam yolu. |
| 34 | --vendorChunk = true | false |
Yalnızca satıcı kitaplıklarını içeren ayrı bir paket kullanın. Varsayılan: doğru. |
| 35 | --verbose = true | yanlış |
Çıkış günlüğüne daha fazla ayrıntı ekler. Varsayılan: doğru. |
| 36 | --watch = true | false |
Dosyalar değiştiğinde derlemeyi çalıştırın. Varsayılan: yanlış. |
| 37 | --webWorkerTsConfig = webWorkerTsConfig | Web Çalışanı modülleri için TypeScript yapılandırması. |
Önce ng oluştur komutu kullanılarak güncellenen açısal bir projeye geçin . App.component.html içeriğini aşağıdaki içerikle değiştirin ve ardından komutu çalıştırın.
<app-goals></app-goals>
<router-outlet></router-outlet>Misal
\>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: 210494msBurada ng build komutu, TutorialsPoint projemizi başarıyla oluşturdu.