Webpack 5 - #3 Output

 

Cấu hình output để nói cho webpack biết chỗ để ghi các file đã được biên dịch vào ổ đĩa. Chú ý là entry thì có thể có nhiều, nhưng cấu hình output thì chỉ có một cái được xác định.

Cách sử dụng

Yêu cầu tối thiểu khi sử dụng thuộc tính output trong cấu hình webpack là gán giá trị của nó vô một đối tượng và cho nó một cái output.filename để sử dụng cho output files:

webpack.config.js

Cấu hình này sẽ cho một đầu ra là file bundle.js vào thư mục dist.

Nhiều entry points

Nếu cầu hình của bạn tạo nhiều hơn một chunk ( nghĩa là sử dụng nhiều entry point hoặc khi sử dụng plugin như CommonsChunkPlugin), bạn nên sử dụng substitution để đảm bảo mỗi file sẽ có một tên riêng biệt.

Nâng cao

Đây là một ví dụ phức tạp hơn khi sử dụng CDN và hashes (bản băm) cho assets:

webpack.config.js

Trong trường hợp publicPath của các file output không được xác định khi biên dịch, nó có thể để trong và gán động lúc runtime bằng biến __webpack_public_path__ trong file entry point:

Nguồn: Webpack 5 - Output