các lớp xuất webpack từ nhiều tệp nhập

Question

Tôi đang sử dụng gói webpack để gói gọn một khuôn khổ để sử dụng bởi bên thứ ba. Khuôn khổ này nên trưng ra nhiều lớp ES6. Xây dựng theo kiểu mô-đun, tôi đã viết một lớp cho mỗi tệp. Những gì tôi muốn làm là xây dựng tất cả các tập tin này với nhau và đưa chúng vào một "không gian tên" nhất định. Ví dụ:

apples.js export class Apples {...}
oranges.js export class Oranges {...}

webpack.config.js:

module.exports = { 
    entry: ['./src/apples.js', './src/oranges.js'], 
    output: { 
    path: './dist', 
    filename: 'fruit.js', 
    library: 'Fruit', 
    libraryTarget: 'umd' 
    } 
} 

Tuy nhiên, nếu tôi tải lên thư viện này trong trình duyệt và gõ fruit vào giao diện điều khiển , Tôi chỉ thấy đối tượng Oranges trong Fruit. Chỉ có tệp mục nhập cuối cùng được hiển thị lại trong thư viện. Chắc chắn, tài liệu webpack xác nhận hành vi này:

Nếu bạn chuyển mảng: Tất cả các mô-đun được tải khi khởi động. Người cuối cùng được xuất. http://webpack.github.io/docs/configuration.html#entry

Cách giải quyết hiện tại của tôi là xuất tất cả các lớp của tôi ra khỏi một tệp, nhưng rất khó sử dụng.

Tôi làm cách nào để thiết lập thư viện có nhiều tệp nhập được xuất tất cả? Hoặc tôi đang đi về một cái gì đó sai cách ở đây?

Answer 1

Tôi nghĩ bạn nên sử dụng tệp entry.js để cho biết cách bạn tổ chức các mô-đun máy chủ của mình.

import Apples from './apples'; 
import Oranges from './oranges'; 

export { 
    Apples, 
    Oranges 
}; 

Bằng cách này, nếu bạn không muốn viết mã ngu ngốc như vậy bằng cách riêng của bạn, sử dụng Gulp/Grunt để tạo ra các tập tin 'entry.autogenerated.js' bởi một số logic sau đó chạy webpack với sự gia nhập 'entry.autogenerated.js'.