Question

有点像菜鸟问题 - 我想创建两个包 - app_bundle.js和landing_bundle.js。

他们将共享反应，以及其他一些文件，所以我认为将这些文件提取到一个不同的，共同的包中是个好主意。

我找到了因子包，但是无法让它工作。这就是我的配置现在的样子：

browserify: {
  app: {
    files: {
      '<%= yeoman.tmp %>/scripts/app_bundle.js': ['<%= yeoman.tmp %>/scripts/app.js'],
      '<%= yeoman.tmp %>/scripts/landing_bundle.js': ['<%= yeoman.tmp %>/scripts/landing.js']
    },
    options: {
      watch: true,
      plugin: [
        ['factor-bundle', { o: [ '<%= yeoman.tmp %>/scripts/app_bundle.js', '<%= yeoman.tmp %>/scripts/landing_bundle.js'] }]
      ],
    }
  }
}

我跑了它，没有任何错误，但我不确定实际上捆绑js的实际位置，我认为它实际上没有保存在任何地方。

我不理解的是，factor-bundle会在哪里保存文件？我该如何指定呢？

Answer 1

如果您仍然在寻求帮助，请按照我目前正在处理的应用中设置的方式进行操作。这应该在dist目录中输出三个文件：app.js，landing.js和common.js。 common.js应该包含app.js和landing.js共有的所有内容。让我知道这是否有用 - 我对这些东西也很陌生。

browserify: {
  app: {
    files: {
      'dist/scripts/common.js': [
        'src/scripts/app.js',
        'src/scripts/landing.js'
      ]
    },
    options: {
      watch: true,
      plugin: [
        ['factor-bundle', { o: [ 'dist/scripts/app.js', 'dist/scripts/landing.js'] }]
      ]
    }
  }
}

与factor-bundle和grunt-browserify有点混淆

1 个答案: