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: 210494ms

Di sini, perintah build telah membangun TutorialsPoint proyek kami dengan sukses.