Browserify + npm & dedupe - 如何生成输出文件

Question

我正在研究一种将 npm（使用重复数据删除）实现为依赖项管理器（而不是 bower）的方法。现在，我有像 jquery-ui 这样的 npm 包，它使用 CommonJS 的 require 语句来包含像 jquery 这样的依赖项。

在使用 npm 之前，我使用了 reqular jquery-ui 脚本，没有 require。所以现在我想我必须使用 Browserify 来生成可以在浏览器内部使用的 JavaScript。

现在我有一个问题（让我们考虑一下 jquery 和 jquery-ui 示例）：如果我有其他使用 jQuery 的包（或我自己的代码），这是否意味着我总是必须有一个来自 Browserify 的输出文件？比如：jquery-ui依赖jquery，我自己的代码也依赖jquery。如果我有两个单独的输出版本，例如：

browserify jquery-ui.js -o dist/jquery-ui.js browserify myCode.js -o dist/myCode.js

那么这种方法很糟糕，因为我将两次包含两个 jquery。我理解正确吗？

也许这就是总结一切的问题：我是否需要有一个应用程序范围的“main.js”文件，它需要我的应用程序所需的一切？

Answer 1

确实如此。您必须npm dedupe 预浏览并使用多个入口点。如果您浏览两次，您将打包该模块的两个版本。您最好构建一个分区捆绑集。在这方面，您可以使用一个 browserify 命令而不是重复模块。在此处查看手册：https://github.com/substack/browserify-handbook#partitioning