哪里需要jquery？-浏览器化-浏览器化-shim。

Question

我正在用broweserify、jquery和jquery-ui构建一个项目。所有的libs都被npm拉下来。下面是我如何使用我的browserify-shim拉进jquery' and 'jquery-ui

  "browserify": {
    "transform": [ "browserify-shim" ]
  },
  "browser": {
    "jquery": "./node_modules/jquery/dist/jquery.js",
    "jquery-ui": "./node_modules/jquery-ui/jquery-ui.js"
  },
  "browserify-shim": {
    "jquery": "$"
  }

一切都正常工作，但是我看jquery-ui.js，第一行代码是

var jQuery = require('jquery');

这一行代码是如何解析的？当我在此之后放置debugger语句时，jquery总是被解析的。我甚至在我的垫子里更改了jquery的名字，它仍然解决了。这是怎么回事？

Answer 1

简短答案：您的package.json依赖项

长答案：我也在使用npm模块。该jquery-ui包似乎已被重新配置为require其内部依赖项。正如您注意到的，jquery-ui core.js的第一行是：var jQuery = require('jquery');，它在项目的npm依赖项中寻找一个名为jquery的模块。这是由类似于我在我的package.json中拥有的东西来处理的：

"dependencies": {
    "jquery": "^2.1.1",
    "jquery-ui": "^1.10.5",
}

除了browserify部件之外：

"browserify": {
    "transform": [ "browserify-shim" ]
},
"browser": {
    "jquery": "./node_modules/jquery/dist/jquery.min.js",
    "jq-ui": "./node_modules/jquery-ui/jquery-ui.js"
},
"browserify-shim": {
    "jquery": "$",
    "jq-ui": {
        "exports": "jq-ui",
        "depends": [ "jquery:jQuery" ]
    },
}

我还没有搞清楚的是，我们是否可以在其他客户端脚本中使用jQuery UI组件。

另见：* Using Browserify with jquery and non-npm plugins * Using Browserify with jQuery plugins

Answer 2

如果您在npm中安装了jquery和jquery，那么我怀疑它们在其他依赖项中。在这种情况下，您实际上没有使用"browser“"jquery”属性，而是让browserify使用它是无闪烁的"require“进程。

"jquery“是否在”依赖项“列表中？如果完全删除"browser“"jquery”行会发生什么？