jquery - 将 browserify 与 npm jQuery 和非 npm 插件一起使用

Question

我正在使用 browserify捆绑前端代码。到目前为止一切都很好，但是我在混合 npm 和非 npm 包时遇到了困难。例如，使用 npm 版本的 jQuery 和非 CJS 版本的 jQuery 插件。

我目前的解决方案是使用package.json中的browser键指向jQuery的dist，然后使用browserify-shim将其添加为插件的依赖项。

有没有比我目前拥有的更清洁的方法？

编辑:我目前正在尝试使用 npm 和 package.json 来管理 all 我的依赖项，所以我不想要在这个项目上使用凉亭。叫我疯了:)

Package.json

{
  "dependencies": {
    "jquery": "~2.1.0",
    "browserify": "latest",
    "browserify-shim": "^3.5.0",
    "jquery-waypoints": "git@github.com:imakewebthings/jquery-waypoints.git",
    "jquery-validation": "git://github.com/jzaefferer/jquery-validation"
  },
  "browser": {
    "jquery": "./node_modules/jquery/dist/jquery.js",
    "jquery-waypoints": "./node_modules/jquery-waypoints/waypoints.js",
    "jquery-validate": "./node_modules/jquery-validation/build/release.js"
  },
  "browserify-shim": {
    "jquery": "$",
    "jquery-waypoints": {
      "depends": [
        "jquery"
      ]
    },
    "jquery-validate": {
      "depends": [
        "jquery"
      ]
    }
  },
  "browserify": {
    "transform": [
      "browserify-shim"
    ]
  }
}

Answer 1

我会这样做:

1. 使用debowerify要包括 Bower 中可用的库，在您的情况下是 jquery-waypoints、jquery-validation

2. 使用 npm 包中自带的 jquery，可以在这里找到 https://github.com/jquery/jquery

因此，我也会暂时删除 browserify-shim。