Angular CLI - lệnh xây dựng

Cú pháp

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

lệnh xây dựng biên dịch một ứng dụng / thư viện góc vào một thư mục đầu ra có tên là dist tại đường dẫn nhất định. Tùy chọn là các tham số tùy chọn.

Tranh luận

Sr.No. Đối số & Cú pháp Sự miêu tả
1 <dự án> Tên của ứng dụng hoặc thư viện sẽ được xây dựng.

Tùy chọn

Sr.No. Tùy chọn & Cú pháp Sự miêu tả
1 --aot = true | false

Xây dựng bằng cách sử dụng biên dịch Trước thời gian.

Mặc định: false.

2 --baseHref = baseHref Url cơ sở cho ứng dụng đang được xây dựng.
3 --buildEventLog = buildEventLog THỰC NGHIỆM Đường dẫn tệp đầu ra cho các sự kiện Xây dựng Giao thức Sự kiện.
4 --buildOptimizer = true | false

Bật tối ưu hóa '@ angle-devkit / build-Optimizer' khi sử dụng tùy chọn 'aot'.

Mặc định: false.

5 --commonChunk = true | false

Sử dụng một gói riêng biệt chứa mã được sử dụng trên nhiều gói.

Mặc định: false.

6 --configuration = cấu hình

Mục tiêu xây dựng được đặt tên, như được chỉ định trong phần "cấu hình" của angle.json. Mỗi mục tiêu được đặt tên đi kèm với một cấu hình của các tùy chọn mặc định cho mục tiêu đó. Đặt điều này sẽ ghi đè rõ ràng cờ "--prod".

Bí danh: -c.

7 --crossOrigin = không có | vô danh | sử dụng-thông tin đăng nhập

Xác định cài đặt thuộc tính crossorigin của các phần tử cung cấp hỗ trợ CORS.

Mặc định: không có.

số 8 --deleteOutputPath = true | false

Xóa đường dẫn đầu ra trước khi xây dựng.

Mặc định: true.

9 --deployUrl = deployUrl URL nơi các tệp sẽ được triển khai.
10 --experimentalRollupPass = true | false

Kết nối các mô-đun với Rollup trước khi gói chúng với Webpack.

Mặc định: false.

11 --extractCss = true | false

Trích xuất css từ các kiểu chung thành các tệp css thay vì các tệp js.

Mặc định: false.

12 --extractLicenses = true | false

Giải nén tất cả các giấy phép trong một tệp riêng biệt.

Mặc định: false.

13 --forkTypeChecker = true | false

Chạy trình kiểm tra loại TypeScript trong một quá trình chia nhỏ.

Mặc định: true.

14 --help = true | false | json | JSON

Hiển thị thông báo trợ giúp cho lệnh này trong bảng điều khiển.

Mặc định: false.

15 --i18nMissingTranslation = cảnh báo | lỗi | bỏ qua

Cách xử lý bản dịch bị thiếu cho i18n.

Mặc định: cảnh báo.

16 --index = chỉ mục Định cấu hình tạo chỉ mục HTML của ứng dụng.
17 --localize = true | false  
18 --main = chính Đường dẫn đầy đủ cho điểm vào chính của ứng dụng, liên quan đến không gian làm việc hiện tại.
19 --nameChunks = true | false

Sử dụng tên tệp cho các phần được tải chậm.

Mặc định: true.

20 --ngswConfigPath = ngswConfigPath Đường dẫn đến ngsw-config.json.
21 --optimization = true | false Cho phép tối ưu hóa đầu ra bản dựng.
22 --outputHashing = không có | tất cả | phương tiện | gói

Xác định chế độ băm chặn bộ nhớ đệm tên tệp đầu ra.

Mặc định: không có.

23 --outputPath = outputPath Đường dẫn đầy đủ cho thư mục đầu ra mới, liên quan đến không gian làm việc hiện tại. Theo mặc định, ghi đầu ra vào một thư mục có tên dist / trong dự án hiện tại.
24 --poll Bật và xác định khoảng thời gian xem cuộc thăm dò ý kiến ​​theo mili giây.
25 --polyfills = polyfills Đường dẫn đầy đủ cho tệp polyfills, liên quan đến không gian làm việc hiện tại.
26 --preserveSymlinks = true | false

Không sử dụng đường dẫn thực khi giải quyết các mô-đun.

Mặc định: false.

27 --prod = true | false Viết tắt của "--configuration = production". Khi đúng, hãy đặt cấu hình bản dựng thành mục tiêu sản xuất. Theo mặc định, mục tiêu sản xuất được thiết lập trong cấu hình không gian làm việc sao cho tất cả các bản dựng đều sử dụng tính năng đóng gói, hạn chế rung cây và cũng hạn chế loại bỏ mã chết.
28 --progress = true | false

Ghi tiến trình vào bảng điều khiển trong khi xây dựng.

Mặc định: true.

27 --resourcesOutputPath = resourcesOutputPath Đường dẫn nơi các tài nguyên kiểu sẽ được đặt, liên quan đến outputPath.
28 --serviceWorker = true | false

Tạo cấu hình service worker cho các bản dựng sản xuất.

Mặc định: false.

29 --showCircularDependencies = true | false

Hiển thị cảnh báo phụ thuộc vòng tròn trên các bản dựng.

Mặc định: true.

30 --sourceMap = true | false

Bản đồ nguồn đầu ra.

Mặc định: true.

31 --statsJson = true | false

Tạo tệp 'stats.json' có thể được phân tích bằng các công cụ như 'webpack-pack-analyzer'.

Mặc định: false.

32 --subresourceIntegrity = true | false

Cho phép sử dụng xác thực tính toàn vẹn của nguồn phụ.

Mặc định: false.

33 --tsConfig = tsConfig Đường dẫn đầy đủ cho tệp cấu hình TypeScript, liên quan đến không gian làm việc hiện tại.
34 --vendorChunk = true | false

Sử dụng một gói riêng biệt chỉ chứa các thư viện của nhà cung cấp.

Mặc định: true.

35 --verbose = true | false

Thêm nhiều chi tiết hơn để ghi nhật ký đầu ra.

Mặc định: true.

36 --watch = true | false

Chạy bản dựng khi tệp thay đổi.

Mặc định: false.

37 --webWorkerTsConfig = webWorkerTsConfig Cấu hình TypeScript cho mô-đun Web Worker.

Đầu tiên chuyển đến một dự án góc được cập nhật bằng lệnh ng create . Thay thế nội dung của app.component.html bằng các nội dung sau và sau đó chạy lệnh.

<app-goals></app-goals>
<router-outlet></router-outlet>

Thí dụ

\>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

Đến đây lệnh build đã xây dựng thành công dự án TutorialsPoint của chúng ta.