Trong webpack, làm thế nào tôi có thể có các thư mục đầu ra khác nhau cho nhiều điểm nhập?

Question

tôi có cấu hình webpack sau với nhiều điểm nhập cảnh ...

module.exports = { 
entry: { 
    somePage: "./scripts/someDir/somePage.js", 
    anotherPage: "./scripts/someDir/someSubDir/anotherPage.js" 
}, 
output: { 
    path: path.resolve(__dirname, 'out'), 
    filename: '[name].js' 
}, 
... 

Có thể thiết lập một đường dẫn đầu ra khác nhau cho mỗi mục?

Thay vì nhận được một sản lượng ...

/out/somePage.js /out/anotherPage.js

Tôi muốn ...

/out/someDir/somePage.js /out/someDir/someSubDir/anotherPage.js

Các giải pháp lý tưởng đối với tôi sẽ cho output.path để chấp nhận một hàm. Ví dụ:

... 
output: { 
    path: function (name, hash) { 
     return path.resolve(__dirname, myMapOfFilenamesToDirs[name]); 
    }, 
    filename: '[name].js' 
}, 

Có ai biết nếu điều này là có thể hoặc nếu có plugin hiện có có thể thực hiện việc này?

EDIT Tôi không muốn sử dụng nhiều mục cấu hình (multi-biên dịch) bởi vì tôi sẽ không thể để tạo ra một tập tin được chia sẻ giữa các điểm nhập với CommonsChunkPlugin nữa

Answer 1

Một chút hacky, nhưng điều này nên làm các trick.

module.exports = { 
entry: { 
    "somePage": "./scripts/someDir/somePage.js", 
    "someSubDir/anotherPage": "./scripts/someDir/someSubDir/anotherPage.js" 
}, 
output: { 
    path: path.resolve(__dirname, 'out/someDir'), 
    filename: '[name].js' 
}, 
// Etc. 
} 

Bạn không thể đặt đường dẫn đến chức năng, webpack sẽ không gọi cho bạn.

Answer 2

Bạn có thể trả về một mảng cấu hình cho webpack để thực thi. Tôi nghĩ rằng sẽ cung cấp cho bạn đủ quyền kiểm soát đường dẫn đầu ra để đạt được những gì bạn cần.