CLI - ng membangun Command
Sintaksis
ng build <project> [options]
ng b <project> [options]ng perintah build mengkompilasi aplikasi / library bersudut ke dalam direktori keluaran bernama dist di jalur yang diberikan. Opsi adalah parameter opsional.
Argumen
| Sr.No. | Argumen & Sintaks | Deskripsi |
|---|---|---|
| 1 | <proyek> | Nama aplikasi atau perpustakaan yang akan dibangun. |
Pilihan
| Sr.No. | Opsi & Sintaks | Deskripsi |
|---|---|---|
| 1 | --aot = true | false |
Bangun menggunakan kompilasi Ahead of Time. Default: salah. |
| 2 | --baseHref = baseHref | Url dasar untuk aplikasi yang sedang dibangun. |
| 3 | --buildEventLog = buildEventLog | EKSPERIMEN Jalur file keluaran untuk acara Build Event Protocol. |
| 4 | --buildOptimizer = true | false | Mengaktifkan pengoptimalan '@ angular-devkit / build-optimizer' saat menggunakan opsi 'aot'. Default: salah. |
| 5 | --commonChunk = true | false |
Gunakan paket terpisah yang berisi kode yang digunakan di beberapa paket. Default: salah. |
| 6 | --configuration = konfigurasi | Target build bernama, seperti yang ditentukan di bagian "konfigurasi" di angular.json. Setiap target bernama disertai dengan konfigurasi default opsi untuk target itu. Menyetel ini secara eksplisit menimpa tanda "--prod". Alias: -c. |
| 7 | --crossOrigin = tidak ada | anonim | gunakan kredensial |
Tentukan setelan atribut crossorigin dari elemen yang menyediakan dukungan CORS. Default: tidak ada. |
| 8 | --deleteOutputPath = true | false |
Hapus jalur keluaran sebelum membangun. Default: benar. |
| 9 | --deployUrl = deployUrl | URL tempat file akan disebarkan. |
| 10 | --experimentalRollupPass = true | false |
Menggabungkan modul dengan Rollup sebelum memaketkannya dengan Webpack. Default: salah. |
| 11 | --extractCss = true | false |
Ekstrak css dari gaya global ke dalam file css alih-alih file js. Default: salah. |
| 12 | --extractLicenses = true | false |
Ekstrak semua lisensi dalam file terpisah. Default: salah. |
| 13 | --forkTypeChecker = true | false |
Jalankan pemeriksa tipe TypeScript dalam proses bercabang. Default: benar. |
| 14 | --help = true | false | json | JSON |
Menampilkan pesan bantuan untuk perintah ini di konsol. Default: salah. |
| 15 | --i18nMissingTranslation = peringatan | kesalahan | abaikan |
Bagaimana menangani terjemahan yang hilang untuk i18n. Default: peringatan. |
| 16 | --index = indeks | Mengonfigurasi pembuatan indeks HTML aplikasi. |
| 17 | --localize = true | false | |
| 18 | --main = main | Jalur lengkap untuk titik masuk utama ke aplikasi, relatif terhadap ruang kerja saat ini. |
| 19 | --namedChunks = true | false |
Gunakan nama file untuk potongan yang lambat dimuat. Default: benar. |
| 20 | --ngswConfigPath = ngswConfigPath | Jalur ke ngsw-config.json. |
| 21 | --optimization = true | false | Mengaktifkan pengoptimalan keluaran build. |
| 22 | --outputHashing = tidak ada | semua | media | bundel |
Tentukan mode hashing penghilang cache nama file keluaran. Default: tidak ada. |
| 23 | --outputPath = outputPath | Jalur lengkap untuk direktori keluaran baru, relatif terhadap ruang kerja saat ini. Secara default, menulis output ke folder bernama dist / dalam proyek saat ini. |
| 24 | --pemilihan | Mengaktifkan dan menentukan periode waktu polling menonton file dalam milidetik. |
| 25 | --polyfills = polyfills | Jalur lengkap untuk file polyfills, relatif terhadap ruang kerja saat ini. |
| 26 | --preserveSymlinks = true | false |
Jangan gunakan jalur nyata saat menyelesaikan modul. Default: salah. |
| 27 | --prod = true | false | Singkatan dari "--configuration = production". Jika true, setel konfigurasi build ke target produksi. Secara default, target produksi disiapkan dalam konfigurasi ruang kerja sehingga semua build menggunakan bundling, pengocokan pohon yang terbatas, dan juga penghapusan kode mati yang terbatas. |
| 28 | --progress = true | false |
Catat kemajuan ke konsol sambil membangun. Default: benar. |
| 27 | --resourcesOutputPath = resourcesOutputPath | Jalur tempat sumber daya gaya akan ditempatkan, relatif terhadap outputPath. |
| 28 | --serviceWorker = true | false |
Menghasilkan konfigurasi pekerja layanan untuk build produksi. Default: salah. |
| 29 | --showCircularDependencies = true | false |
Tampilkan peringatan ketergantungan melingkar pada build. Default: benar. |
| 30 | --sourceMap = true | false |
Output peta sumber. Default: benar. |
| 31 | --statsJson = true | false |
Menghasilkan file 'stats.json' yang dapat dianalisis menggunakan alat seperti 'webpack-bundle-analyzer'. Default: salah. |
| 32 | --subresourceIntegrity = true | false |
Mengaktifkan penggunaan validasi integritas subresource. Default: salah. |
| 33 | --tsConfig = tsConfig | Jalur lengkap untuk file konfigurasi TypeScript, relatif terhadap ruang kerja saat ini. |
| 34 | --vendorChunk = true | false |
Gunakan bundel terpisah yang hanya berisi pustaka vendor. Default: benar. |
| 35 | --verbose = true | false |
Menambahkan lebih banyak detail ke logging keluaran. Default: benar. |
| 36 | --watch = true | false |
Jalankan build saat file berubah. Default: salah. |
| 37 | --webWorkerTsConfig = webWorkerTsConfig | Konfigurasi TypeScript untuk modul Web Worker. |
Pindah pertama ke proyek sudut yang diperbarui menggunakan perintah ng generate . Ganti konten app.component.html dengan konten berikut, lalu jalankan perintah.
<app-goals></app-goals>
<router-outlet></router-outlet>Contoh
\>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: 210494msDi sini, perintah build telah membangun TutorialsPoint proyek kami dengan sukses.