động yêu cầu trong Webpack ở thời gian xây dựng

Question

Xét có Webpack cấu hình

... 
entry: { 
    'bundle-with-dependency-a': 'common-entry.js', 
    'bundle-with-dependency-b': 'common-entry.js' 
}, 
resolve: { 
    alias: { 
     'dep-a': ..., 
     'dep-b': ... 
    }, 
}, 

và tôi mong chờ ở common-entry.js một cái gì đó như thế này:

require('dep-' + entryName.slice(-1)); 

Tức là Tôi muốn cung cấp định nghĩa cho các yêu cầu cụ thể từ cấu hình.

Vấn đề là có thể có nhiều hơn 2 tùy chọn phụ thuộc, tôi tránh sao chép. Và tôi sắp thực hiện điều này tại thời điểm xây dựng, thay vì yêu cầu các khối với JSONP.

Làm cách nào để yêu cầu này được tạo động?

Tùy chọn duy nhất tôi có ở đây là có cấu hình khác nhau cho từng dep, nhưng điều này đòi hỏi phải thực hiện nhiều lần Webpack thay vì duy nhất. Không phải rất thuận tiện.

Answer 1

Sử dụng :

webpack.config.js

{ 
    entry: { 
    'bundle-with-dependency-a': 'imports?depName=>"dep-a"!./common-entry.js', 
    'bundle-with-dependency-b': 'imports?depName=>"dep-b"!./common-entry.js', 
    }, 
    // ... 
} 

Biến depName sau đó sẽ được tiếp xúc với các mô-đun common-entry.js.