Browserify：嵌套/条件需求

Question

在下面的 CommonJS/Browserify 模块中，我怎样才能避免每次都导入 foo 和 bar —— 而是只导入基于 init() 中的条件所需的那个？

var Foo = require('foo'),
    Bar = require('bar'),

Component = function(config) {
  this.type = config.type;
  this.init();
};

Component.prototype = {

  init: function() {
    var instance = null;

    switch (this.type) {
      case ('foo'):
        instance = new Foo(...);
        break;
      case ('bar'):
        instance = new Bar(...);
        break;
    }
  }
};

Answer 1

如果你来到这里（像我一样）是因为有一些模块你想从包中排除，这取决于你的代码中的条件，例如：

// I want browserify to ignore `nodeOnlyModule` because it
// can't be browserified (for example if it uses native extensions, etc ...)
var isBrowser = typeof window === 'undefined'
if (!isBrowser) var nodeOnlyModule = require('nodeOnlyModule')

有不同的选择（见the docs）：

• browserify 的 ignore 选项将简单地将您不想捆绑的模块替换为空存根，然后将其捆绑
• exclude 将完全排除该模块，如果您尝试导入它，您的代码将抛出“未找到”错误。
• 您可以使用package.json 文件中的browser 字段。有了这个，您可以提供要导入的文件的映射，实际上在浏览器化时覆盖节点的模块解析算法。

Answer 2

Component = function(config) {
  this.type = config.type;
  this.init();
};

Component.prototype = {

  init: function() {
    var instance = null;

    switch (this.type) {
      case ('foo'):
        instance = new (require('foo'))(...);
        break;
      case ('bar'):
        instance = new (require('bar'))(...);
        break;
    }
  }
};