在 Brunch 2.8 中加载 JQuery 插件

Question

我有一个使用早午餐 2.8.2 的早午餐项目。这个版本的早午餐通过 NPM 与前端依赖关系很好。我也在使用 Typescript Brunch 插件，并且可以在我的代码中执行 import $ = require("jquery") 就好了。

但是...我不知道如何加载一个 JQuery 插件以便我可以在我的代码中使用它。

只需将其添加到 package.json 并不会使其显示在我编译的 vendor.js 中 - 这是预期的，因为我在任何地方都不需要它。

我不能用

npm: {
  globals: {
    "$": "jquery-validation"
  }
}

上面的方法可以很好地使 JQuery 本身成为一个全局的，但大概是因为 jquery-validation 只将自己附加到 JQuery，并且本身不返回任何内容，因此它不会通过 this 加载。

我不能在我的 Typescript 代码中使用 require("jquery-validation")，因为该插件的 .d.ts（正确）将其描述为附加到 JQuery 本身而不是导出自己的模块。

有什么办法可以做我想做的事吗？

Answer 1

除了将 JQuery 公开为全局之外，我还需要通过将以下内容添加到我的 brunch-config.js 来强制将 JQuery 验证插件包含在我的 vendor.js 中：

npm: {
  globals: {
    "jQuery": "jquery"
  },
  static: [
    "node_modules/jquery-validation/dist/jquery.validate.js"
  ]
}

我不得不稍微更改 globals 部分，因为插件希望看到全局变量 jQuery 而不是 $。

有关更多信息，请参阅 NPM section 上的早午餐文档。