我正在尝试将 Browserify 慢慢引入我的网站，但我不想重写所有的 js，也不想将重复的 jquery 实例和其他库与我的 Browserify 构建捆绑在一起。
如果我构建我的module，将 jquery 列为外部依赖项，那么我如何将它指向我的全局 jquery 实例？另一个目标是消除 mylibs 全局（下面的示例），所以我不想在我的module中使用它。
这就是我想要做的（伪代码）。这将在我网站的回购中 - 而不是module的。该module将与 Bower 一起安装：
var mylibs.jQuery = $.noConflict(); // global used by lots of existing code
module.exports = {
jquery: mylibs.jQuery // can be imported by my module as require('jquery')
};
我正在努力实现这样的目标。这可能吗？
您可以通过使用browserify-shim来实现。假设您有一个名为的modulemymodule.js，该module在全局范围内依赖于 jQuery，其内容如下：
var $ = require('jQuery');
console.log(typeof $);
安装 browserify-shim：
npm install browserify-shim --save-dev
在 package.json 文件中，告诉 browserify 使用 browserify-shim 作为转换：
{
"browserify": {
"transform": [ "browserify-shim" ]
}
}
在 package.json 文件中，告诉 browserify-shim 将 jQuery 映射到全局范围内的 jQuery：
{
"browserify-shim": {
"jQuery": "global:jQuery"
}
}
运行浏览器
browserify mymodule.js > bundle.js
如果您检查 bundle.js，您会注意到它require('jQuery')被替换为(window.jQuery).
Browserify-shim 不能跨节点module传递：它可用于正确填充顶级（在您自己的 package.json 中）module，但它不能填充其他 npm 包中的module（使用它们自己的 package.json 文件）。
在处理依赖于 jQuery module的节点module（例如，具有对等依赖性的插件）时，这很尴尬，但 jQuery 库应该仍然是外部的。
我的解决方案 - 在概念上类似于伪代码 - 是在 browserify 本身的帮助下创建一个自定义的“预加载垫片”。
jquery从 的生成中排除modulebundle.js，否则正常构建包。
安装适当的 node/npm module以满足构建要求。要排除的“外部”module将不会包含在包中，但需要满足编译依赖项解析。
browserify -x jquery .. > dist/bundle.js
创建一个名为 jquery.js 的文件并包含以下内容：
module.exports = window.jQuery; // or whatever
生成shim.js包括刚刚上一个文件。
browserify -r jquery.js > dist/shim.js
然后编辑文件以使用 jQuery 作为module名称。
在浏览器中，加载 jquery（外部依赖）、shim.js，然后bundle.js。
当包文件尝试加载 jquery module（它没有定义）时，它将回退到 shim 文件中定义的module（以前）并运行自定义代码。在这种情况下，这是通过先前定义的全局管道。
或者：什么 browserify-shim "global:" 试图做，实际上只是 .. 全局。
直接使用 browserify module - 而不是 grunt，我越来越讨厌它 - 可能会产生一个“更精致”的解决方案。
这可以通过 1-liner 来完成：
echo "module.exports=window.jQuery" > node_modules/jquery.js
为每个外部依赖项在构建脚本中添加 1 行。无需将任何特殊选项传递给 Browserify。