Angular CLI - ng build Command

ไวยากรณ์

ng build <project> [options]
ng b <project> [options]

คำสั่ง ng build รวบรวมแอปพลิเคชัน / ไลบรารีเชิงมุมไว้ในไดเร็กทอรีเอาต์พุตชื่อ dist ที่พา ธ ที่กำหนด ตัวเลือกคือพารามิเตอร์ที่เป็นทางเลือก

อาร์กิวเมนต์

ซีเนียร์	อาร์กิวเมนต์และไวยากรณ์	คำอธิบาย
1	<โครงการ>	ชื่อของแอปพลิเคชันหรือไลบรารีที่จะสร้าง

ตัวเลือก

ซีเนียร์	ตัวเลือกและไวยากรณ์	คำอธิบาย
1	--aot = จริง | เท็จ	สร้างโดยใช้การรวบรวมล่วงหน้า ค่าเริ่มต้น: เท็จ
2	--baseHref = baseHref	URL พื้นฐานสำหรับแอปพลิเคชันที่กำลังสร้าง
3	--buildEventLog = buildEventLog	EXPERIMENTAL เส้นทางไฟล์เอาต์พุตสำหรับเหตุการณ์ Build Event Protocol
4	--buildOptimizer = จริง | เท็จ	เปิดใช้งานการเพิ่มประสิทธิภาพ '@ angular-devkit / build-optimizer' เมื่อใช้ตัวเลือก 'aot' ค่าเริ่มต้น: เท็จ
5	--commonChunk = จริง | เท็จ	ใช้บันเดิลแยกต่างหากที่มีโค้ดที่ใช้กับหลายบันเดิล ค่าเริ่มต้น: เท็จ
6	--configuration = การกำหนดค่า	เป้าหมายการสร้างที่มีชื่อตามที่ระบุในส่วน "การกำหนดค่า" ของ angular.json แต่ละเป้าหมายที่ตั้งชื่อมาพร้อมกับการกำหนดค่าตัวเลือกเริ่มต้นสำหรับเป้าหมายนั้น การตั้งค่านี้จะลบล้างแฟล็ก "--prod" อย่างชัดเจน นามแฝง: -c.
7	--crossOrigin = ไม่มี | ไม่ระบุชื่อ | ใช้ข้อมูลรับรอง	กำหนดการตั้งค่าแอตทริบิวต์ crossorigin ขององค์ประกอบที่ให้การสนับสนุน CORS ค่าเริ่มต้น: ไม่มี
8	--deleteOutputPath = true | false	ลบเส้นทางเอาต์พุตก่อนสร้าง ค่าเริ่มต้น: จริง
9	--deployUrl = deployUrl	URL ที่จะนำไฟล์ไปใช้งาน
10	--experimentalRollupPass = จริง | เท็จ	เชื่อมต่อโมดูลกับ Rollup ก่อนรวมเข้ากับ Webpack ค่าเริ่มต้น: เท็จ
11	--extractCss = จริง | เท็จ	แยก css จากสไตล์ส่วนกลางลงในไฟล์ css แทน js ค่าเริ่มต้น: เท็จ
12	--extractLicenses = จริง | เท็จ	แยกใบอนุญาตทั้งหมดในไฟล์แยกต่างหาก ค่าเริ่มต้น: เท็จ
13	--forkTypeChecker = จริง | เท็จ	รันตัวตรวจสอบประเภท TypeScript ในกระบวนการแยก ค่าเริ่มต้น: จริง
14	--help = true | false | json | JSON	แสดงข้อความวิธีใช้สำหรับคำสั่งนี้ในคอนโซล ค่าเริ่มต้น: เท็จ
15	--i18nMissingTranslation = คำเตือน | ข้อผิดพลาด | ละเว้น	วิธีจัดการคำแปลที่ขาดหายไปสำหรับ i18n ค่าเริ่มต้น: คำเตือน
16	--index = ดัชนี	กำหนดค่าการสร้างดัชนี HTML ของแอปพลิเคชัน
17	--localize = จริง | เท็จ
18	--main = หลัก	เส้นทางแบบเต็มสำหรับจุดเริ่มต้นไปยังแอปที่สัมพันธ์กับพื้นที่ทำงานปัจจุบัน
19	--namedChunks = จริง | เท็จ	ใช้ชื่อไฟล์สำหรับส่วนที่โหลดแบบขี้เกียจ ค่าเริ่มต้น: จริง
20	--ngswConfigPath = ngswConfigPath	พา ธ ไปยัง ngsw-config.json
21	--optimization = จริง | เท็จ	เปิดใช้งานการเพิ่มประสิทธิภาพของเอาต์พุตบิลด์
22	--outputHashing = ไม่มี | ทั้งหมด | สื่อ | บันเดิล	กำหนดโหมดการแฮชป้องกันการแคชชื่อไฟล์เอาต์พุต ค่าเริ่มต้น: ไม่มี
23	--outputPath = outputPath	เส้นทางแบบเต็มสำหรับไดเร็กทอรีเอาต์พุตใหม่ซึ่งสัมพันธ์กับพื้นที่ทำงานปัจจุบัน ตามค่าเริ่มต้นเขียนเอาต์พุตไปยังโฟลเดอร์ชื่อ dist / ในโปรเจ็กต์ปัจจุบัน
24	- เสา	เปิดใช้งานและกำหนดไฟล์ในการดูช่วงเวลาการสำรวจความคิดเห็นเป็นมิลลิวินาที
25	--polyfills = polyfills	เส้นทางแบบเต็มสำหรับไฟล์ polyfills สัมพันธ์กับพื้นที่ทำงานปัจจุบัน
26	--preserveSymlinks = จริง | เท็จ	อย่าใช้เส้นทางจริงเมื่อแก้ไขโมดูล ค่าเริ่มต้น: เท็จ
27	--prod = จริง | เท็จ	ชวเลขสำหรับ "--configuration = production" เมื่อเป็นจริงตั้งค่าคอนฟิกบิลด์เป็นเป้าหมายการผลิต ตามค่าเริ่มต้นเป้าหมายการผลิตจะถูกตั้งค่าในคอนฟิกูเรชันพื้นที่ทำงานเพื่อให้บิลด์ทั้งหมดใช้การรวมกลุ่มการเขย่าต้นไม้แบบ จำกัด และการกำจัดโค้ดที่ตายแล้วอย่าง จำกัด
28	--progress = จริง | เท็จ	บันทึกความคืบหน้าไปยังคอนโซลขณะสร้าง ค่าเริ่มต้น: จริง
27	--resourcesOutputPath = resourcesOutputPath	พา ธ ที่จะวางทรัพยากรสไตล์เทียบกับ outputPath
28	--serviceWorker = จริง | เท็จ	สร้างการกำหนดค่าผู้ปฏิบัติงานบริการสำหรับบิลด์การผลิต ค่าเริ่มต้น: เท็จ
29	--showCircularDependencies = จริง | เท็จ	แสดงคำเตือนการพึ่งพาแบบวงกลมบนบิลด์ ค่าเริ่มต้น: จริง
30	--sourceMap = จริง | เท็จ	แผนผังแหล่งที่มาของเอาต์พุต ค่าเริ่มต้น: จริง
31	--statsJson = จริง | เท็จ	สร้างไฟล์ 'stats.json' ซึ่งสามารถวิเคราะห์ได้โดยใช้เครื่องมือเช่น 'webpack-bundle-analyzer' ค่าเริ่มต้น: เท็จ
32	--subresourceIntegrity = true | false	เปิดใช้งานการตรวจสอบความสมบูรณ์ของแหล่งข้อมูลย่อย ค่าเริ่มต้น: เท็จ
33	--tsConfig = tsConfig	เส้นทางแบบเต็มสำหรับไฟล์คอนฟิกูเรชัน TypeScript ที่สัมพันธ์กับพื้นที่ทำงานปัจจุบัน
34	--vendorChunk = จริง | เท็จ	ใช้บันเดิลแยกต่างหากที่มีเฉพาะไลบรารีของผู้จำหน่าย ค่าเริ่มต้น: จริง
35	--verbose = จริง | เท็จ	เพิ่มรายละเอียดเพิ่มเติมในการบันทึกเอาต์พุต ค่าเริ่มต้น: จริง
36	--watch = จริง | เท็จ	เรียกใช้บิลด์เมื่อไฟล์เปลี่ยนแปลง ค่าเริ่มต้น: เท็จ
37	--webWorkerTsConfig = webWorkerTsConfig	คอนฟิกูเรชัน TypeScript สำหรับโมดูล Web Worker

ขั้นแรกให้ย้ายไปยังโครงการเชิงมุมที่อัปเดตโดยใช้คำสั่งng create แทนที่เนื้อหาของ 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 ได้สร้าง Project TutorialsPoint สำเร็จแล้ว