2017-05-02 20 views
8

Khi tôi tạo dự án góc (ng tên dự án mới), nó sẽ tự động tạo inline.bundle.js, main.bundle.js, polyfills.bundle.js, styles.bundle.js, vender.bundle.js trong thư mục dist. Tôi có thể sử dụng dist/index.js trong chương trình phụ trợ. Vì vậy, câu hỏi của tôi là "Ng4 xây dựng webpack tự động?"Cách thiết lập góc 4 với webpack

+1

Angular4 chỉ là một khuôn khổ. Nó không có ý tưởng về một quá trình xây dựng, sử dụng webpack hoặc bất cứ điều gì khác. Ý bạn là 'angular-cii'? Nếu có, vui lòng gắn thẻ câu hỏi của bạn cho phù hợp. Ngay cả trong trường hợp đó, 'angular-cli' không" xây dựng webpack ", điều đó có nghĩa là, tự động hay cách khác; nó ** sử dụng ** nó. –

+0

Tôi đánh giá cao câu trả lời của bạn @torazaburo, tôi đã xem một video https://www.youtube.com/watch?v=oZBuiqovOZ0, vậy thì quan niệm đó là gì? Và trên thực tế trong thư mục dist, có một số tệp được đóng gói như trên và tôi có thể sử dụng các tệp đó trong dự án phụ trợ của tôi như node.js – Jacobys527

Trả lời

10

Khi bạn sử dụng angular-cli để tạo dự án góc 2, dự án sẽ tự động được tạo bằng webpack.

Angular-cli đã thay đổi từ systemjs thành webpack trước đây.

Nếu bạn muốn nhận tệp cấu hình webpack, bạn có thể sử dụng ng eject.

https://github.com/angular/angular-cli/wiki/eject

Chỉnh sửa dựa trên nhận xét:

Không có sự phụ thuộc vào webpack trong dự án góc của bạn bởi vì góc/cli có một sự phụ thuộc vào webpack và sẽ cài đặt webpack cho bạn. Nếu bạn kiểm tra thư mục node_modules của bạn, bạn sẽ thấy rằng webpack là có.

0

từ thư mục chủ dự án của bạn, hãy chạy lệnh tiếp theo:

npm run build 

lệnh này sẽ tạo ra một thư mục có tên dist.

trong thư mục này, bạn sẽ tìm thấy tệp của mình. Chỉnh sửa tệp webpack.config.js để thay đổi vị trí của các tệp webpack đặt các tệp của bạn.

Các vấn đề liên quan