问题标签 [factor-bundle]

我正在使用带有 browserify 和 factor-bundle 的 gulp。我有以下代码：

我想在 parial 包（'build/a.js' 和 'build/b.js'）上传递一些操作（如 uglify、bundle-collapser 或其他作业）。我尝试使用因子捆绑页面上描述的方法：

但是我不了解 write() 方法，也不知道如何执行 uglification 以及如何 gulp.dest 结果。
任何想法？解释？

我正在使用 gulp、browserify、watchify 和 factor bundle 来构建几个开发中的 javascript 文件。一切正常，除了一段时间后我开始看到这个警告：

下面是我的 gulpfile

我读到我应该在某个地方设置最大听众，但我担心这可能是一个真正的内存泄漏。

我正在尝试将我的应用程序配置为将 browserify 与 watchify 和 factor-bundle 一起使用。但是，我似乎要么最终导致内存泄漏，要么破坏 watchify 触发的构建。

我的 build.js

通过这种配置，我最终得到：

我认为这是因为我每次都在创建该写入流并且没有收集旧的？但我想不出正确的方法来做到这一点。

我目前有这个factor-bundle命令，我用它来捆绑我的文件，并将所有常见的东西拉到一个公共文件中：

我以前也使用此命令对单个文件进行 uglify：

如何在同一命令中将文件与 合并factor-bundle并用 缩小它们？uglifyjs

我在 factor-bundle docs 中找到了这个例子，但我真的不明白如何适应它。

（如果效果更好，我也可以使用两个命令。我只想得到缩小和组合的文件！）

我一直在使用 factor-bundle 来包装我的常见 JS 文件：

然后我在我的 HTML 中包含了 common.js，以及一个 Bootstrap 警报：

但是警报关闭按钮不起作用，因此 Bootstrap 显然没有被拾取。

如果我将 CDN 中的 Bootstrap 和 jQuery 包含在同一个 HTML 页面中，它就可以正常工作：

这是我的 common.js 文件的 JSFiddle，不工作：http: //jsfiddle.net/2v9easbz/

这是一个带有直接 CDN 链接的 JSFiddle，工作正常：http: //jsfiddle.net/vkf027z2/

我的 common.js 文件有什么问题？

我正在使用 npm、Gulp 和 browserify 为我的应用程序创建一个半自动构建管道。这就是我想要完成的事情：

• 拥有可以通过脚本标签包含的页面特定文件（即page1.js，，page2.js...）
• 将我在页面特定脚本之间共享的自定义代码分解为common.js.
• 将通过 npm 安装的供应商库（即 bootstrap、jquery）提取到vendor.js.

我在为我的应用程序结合 browserify 和 browserify-shim 时遇到问题。在我的网页中，我包括vendor.js、common.js和page1.js。当我尝试加载页面并且我的脚本尝试加载时require('bootstrap')，此处会引发异常：

我希望必须告诉 browserify-shim bootstrap 依赖于 jquery，它希望 jquery 的导出绑定到 jQuery 变量。我试图在我的 package.json 中这样做。

我很难准确指出出了什么问题。我尝试了各种值的排列以进入引导程序的垫片（jquery:jQuery, jquery:$, jquery），但无济于事。我还尝试在browser路径中包含和省略各种值。我还尝试使用：通过命令行构建供应商包./node_modules/.bin/browserify -r jquery -r bootstrap > vendor.js，但浏览器上出现了同样的错误。很多关于 browserify-shim 和 factor-bundle 的问题都被问到了，但没有一个能解决任何试图将两者结合起来的问题。

我创建了一个存储库来演示这里的问题。安装和重现的步骤在 README 中。https://github.com/linkleonard/browserify-shim-factor-bundle

坚持这个。

我正在使用laravel elxir和tsify来生成我的 js。我通过 factor-bundle 运行 typescript 以将常见的 js 模块拆分为单独的文件。我认为在这种情况下这不会成为问题，因为一切都在 spec.js 中

规格

工厂小部件/index.ts

工厂小部件/test.ts

浏览器服务.ts

在第 262 行出现错误Uncaught TypeError: require.resolve is not a function。

这是代码（是的，它超过 20,000 行）您还应该如何调试这些东西。¯_(ツ)_/¯

我用 proxyquire 看过 Stubbing。我没有屏住呼吸来回答这个问题。

编辑：06-09-2016 Proxquire 需要覆盖 WidgetFactory 类的 boot 方法中的 require 调用

在工厂小部件/index.ts 中：

嗨，我正在寻找一个公共包，其中包含多个页面共享的依赖项和每个页面的页面特定包。

我可以使用它来创建多个捆绑包：browserify-multiple-destination

但我需要创建具有共享依赖项的公共文件以避免重复。

是否可以在此任务中包含因子捆绑以分离常见的依赖项？

B rowserify + Globs（多目的地）配方

我正在使用带有 Browserify 的 Factor-Bundle 来生成多个部分包和一个common.js具有所有常见要求的更大文件。但是，其中一个部分捆绑包对应于我的主入口点，main.js我实际上希望包含所有入口点，common.js以便我拥有一个包含所有常见 JS和我的应用程序主要内容的主文件，然后其他部分捆绑包对应于子应用程序。

为了澄清，我试图从这些入口点出发：

• main.js
• sub-app1.js
• sub-app2.js

对此：

• main.js （包括所有常见要求）
• sub-app1.js（只有 sub-app1 独有的代码和 require()s）
• sub-app2.js（只有 sub-app2 独有的 code 和 require()s）

但是 Factor-Bundle 给了我：

• common.js // <- 我可以以某种方式将它与 main.js 合并吗？？？
• main.js
• sub-app1.js//好的
• sub-app2.js//好的

除非 Browserify 或 Factor-Bundle 中有一些隐藏选项可以按照我的意愿生成它们，否则我的下一个猜测是可能有一些 Browserify 函数可以简单地让我将两个生成的包合并回一个？我不能简单地browserify.bundle(common.js, main.js)事后因为这些捆绑的文件位于不同的位置，并且我得到它无法再找到相对文件路径的错误。

有任何想法吗？