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 สำเร็จแล้ว