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.