Cách cấu hình bộ nạp cho đường dẫn cụ thể trong webpack

Question

Câu hỏi về cài đặt cấu hình webpack: trong hầu hết các ví dụ, tùy chọn kiểm tra trong bộ nạp chỉ kiểm tra tên tệp, chứ không phải đường dẫn đầy đủ. Tôi có tệp trong các thư mục khác nhau cùng loại, nhưng tôi muốn sử dụng trình tải khác, ví dụ:

{ 
    test:/aaa\/.*.html/, 
    loader:'loaderA' 
}, 
{ 
    test:/bbb\/.*.html/, 
    loader:'loaderB' 
} 

Có cách nào để thực hiện công việc đó không? Cảm ơn sự quan tâm và trả lời của bạn.

Answer 1

Bạn có thể sử dụng include và exclude tài sản (docs):

{ 
    test:/\.html$/, 
    include: [ 
     path.resolve(__dirname, "app/pathA") 
    ], 
    loader: 'loaderA' 
}, 
{ 
    test:/\.html$/, 
    include: [ 
     path.resolve(__dirname, "app/pathB") 
    ], 
    loader: 'loaderB' 
} 

Đối với tập tin trong thư mục pathA sẽ áp dụng bộ nạp loaderA, và cho pathB - loader loaderB.