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

Question

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

它们都将共享 React 和一些其他文件，所以我认为将它们提取到一个不同的公共包中是个好主意。

我找到了 factor-bundle，但我无法让它工作。这是我现在的配置：

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'] }]
      ],
    }
  }
}

我运行它没有错误，但我不确定分解的 bundle 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 有点混淆

A bit confused with factor-bundle and grunt-browserify

browserify

grunt-browserify