Tạo mô-đun AMD với gói webpack và CommonsChunkPlugin

Question

Tôi đang phát triển nhiều plugin cho hệ thống tải các plugin này dưới dạng mô đun AMD (với requirejs). Plugin được viết dưới dạng mô-đun ES6 và được đóng gói với webpack (output.libraryTarget = 'amd'). Tất cả mọi thứ hoạt động như mong đợi cho đến nay.

Nhưng plugin chia sẻ khá nhiều mã phổ biến được nhóm vào mọi mục nhập. Tôi đã thử sử dụng plugin webpack CommonsChunkPlugin nhưng đoạn ban đầu chứa mã không phải là mô-đun AMD. Tuy nhiên các điểm vào khác chuyển tiếp trên mâm cặp chung vẫn được tạo chính xác. Ngoài ra documentation nói rằng nó không phải là ý tưởng tốt để có nhiều khối ban đầu (với thời gian chạy JSONp) trên một trang - có khả năng là một tác giả plugin khác sẽ sử dụng cách tiếp cận tương tự.

Có cách nào để tối ưu hóa trường hợp sử dụng này theo cách tương thích với AMD không? Có vẻ như tôi là một lỗi trong CommonsChunkPlugin rằng mục nhập ban đầu không phải là AMD (nhưng mã của nó vẫn không an toàn để được tải trong plugin env) ... Có cấu hình nào tôi bị thiếu không?

Answer 1

Tôi không chắc chắn rằng bạn hiểu chính xác. Nhưng nếu bạn muốn xây dựng gói của mình làm mô-đun AMD, bạn phải cấu hình nó như là một library:

... 
output: { 
    ... 
    library: true, 
    libraryTarget: 'umd' 
},