Webpack库重新导出

时间:2016-02-18 14:15:51

标签: javascript webpack

我有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。 任何想法我怎么能实现这个目标?

1 个答案:

答案 0 :(得分:0)

为什么不使用B作为您的入口,而不是使用数组作为您的入口,并在其中FOO=? A库?然后你可以使用它,导出它,使它成为全局的,无论你需要什么。