javascript - Webpack 库重新导出

Question

我有 2 个库 A 和 B。

• A 在第一遍中使用 webpack 进行捆绑，然后发布到 npm 存储库，然后由 B 使用。A 包含一个 MyA 类。
• B 依赖于 A 以及其他库，并且所有库都捆绑在 B 中(=> A 捆绑在 B 中)。
• B 应重新导出 A 的某些部分(例如 MyA)，以使它们对外界可见。

在webpack.conf.js中:

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

在a.js(由webpack编译)中我有:

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

在 b.js 包中我最终得到:

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;
} 

当然，MyA 在外面的任何地方都是不可见的。知道如何实现这一目标吗？

Answer 1

与其使用数组作为入口点，为什么不使用 B 作为入口，并在其中需要 A 库？然后您可以使用它、导出它、使其全局化，无论您需要什么。