Webpack库重新导出

Question

I have 2 libraries A and B.

• A is bundled using webpack in a first pass then published to a npm repository and later consumed by B. A contains let's say a class MyA.
• B depends on A among other libraries and all libraries are bundled together in B (=> A is bundled in B).
• B should re-export certain parts of A (eg MyA) to make them visible to the outside world.

In webpack.conf.js :

module.exports = {
  entry: {
     'b': ['./src/MyB.js', './js/a.js']

In a.js (compiled by webpack) I have:

var mya = 
.... 
function(module, exports, __webpack_require__) {
   var MyA_1 = __webpack_require__(1);
   exports.MyA = MyA_1.MyA;
}

In b.js bundle I end up with:

function(module, exports) {
   // here we are in MyB
   var a = new MyA(); // this is not found, even if prefixed with mya
},
function(module, exports) {
   // a.js code is bundled with b in b.js
   var mya = ...
   // missing: exports.MyA = mya;
} 

And of course MyA is not visible anywhere outside. Any idea how can I achieve this?

Answer 1

Instead of using an array for your entry points, why not use B as your entry, and in it, require the A library? Then you can use it, export it, make it global, whatever you need.