Để trích xuất cấu hình webpack từ một dự án Angular CLI, bạn có thể thực hiện theo các bước sau:
Đọc file angular.json để lấy thông tin cấu hình cho dự án mục tiêu. Thông thường, bạn có thể sử dụng khóa defaultProject để xác định dự án mặc định[1].
Tạo một đối tượng cấu hình webpack sử dụng buildOptions từ dự án đã lấy được. Cấu trúc đầy đủ của đối tượng này được mô tả trong mã nguồn của Angular DevKit[1].
Sử dụng các hàm cấu hình webpack từ @angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs để tạo cấu hình webpack. Các hàm này bao gồm getCommonConfig, getStylesConfig, và các hàm khác tùy thuộc vào nhu cầu của bạn[1].
Đối tượng cấu hình webpack được tạo ra sẽ tương thích với cấu hình webpack chuẩn và có thể chứa các khóa như entry, plugins, v.v.[1].
Lưu ý rằng kể từ Angular CLI phiên bản 6, việc sử dụng lệnh ng eject để trích xuất cấu hình webpack đã bị loại bỏ và không còn được hỗ trợ[6]. Thay vào đó, bạn có thể sử dụng các thư viện như @angular-builders/custom-webpack để tùy chỉnh cấu hình webpack mà không cần phải trích xuất nó ra một cách thủ công[4][5].
Nếu bạn chỉ muốn xem cấu hình webpack mà Angular CLI tạo ra mà không cần tùy chỉnh, bạn có thể tham khảo mã nguồn của Angular DevKit, nơi chứa các hàm tạo cấu hình webpack[3][11]. Tuy nhiên, việc này có thể khá phức tạp vì cấu hình webpack được tạo ra một cách động dựa trên nhiều y...
