Kích thước gói tối đa của Webpack

Question

Cấu hình hiện tại của tôi là 1 tệp bundle.js với nội dung chính mà ứng dụng cần (góc cạnh vv ..) và tất cả các ứng dụng khác đều được tải xuống thông qua require.ensure trong mã ứng dụng.

Sau khi rút gọn gói bundle.js ở trên 100KB chỉ với những điều cơ bản cho ứng dụng. Có thể nói với webpack để chia gói chính thành tối đa 20KB hoặc nhiều phần để trình duyệt có thể tải xuống đồng thời không?

Answer 1

Tôi đã không đi qua một cách tốt để chia khối dựa trên kết quả bó chính nó. Bạn có thể đặt kích thước tối thiểu cho các khối đầu ra sao cho chúng được hợp nhất khi không có nhiều byte trong đoạn của bạn.

// This plugin prevents Webpack from creating chunks 
    // that would be too small to be worth loading separately 
    new webpack.optimize.MinChunkSizePlugin({ 
     minChunkSize: 51200, // ~50kb 
    }), 

Nhưng, tôi biết đó không phải những gì bạn đang tìm kiếm. Thật không may, có vẻ như chưa có ai viết bất cứ điều gì như thế. Nghe có vẻ thú vị plugin to write!

Ngoài ra, hãy xem blog này, blog này hướng dẫn một số thông tin cơ bản về chia tách. http://blog.madewithlove.be/post/webpack-your-bags/

Answer 2

Có thể với "AggressiveSplittingPlugin". Bạn có thể tìm thấy nó ở đây: https://github.com/webpack/webpack/tree/master/examples/http2-aggressive-splitting

Xin lưu ý rằng plugin này chỉ khả dụng nếu bạn sử dụng webpack 2.