在 Brunch 2.8 中加载 JQuery 插件

Question

我使用 Brunch 2.8.2 设置了一个 Brunch 项目。此版本的 Brunch 通过 NPM 与前端依赖项配合使用效果很好。我也在使用 Typescript Brunch 插件，并且可以在我的代码中做 import $ = require("jquery") 就好了。

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

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

我不会用

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

上面的方法很好地使 JQuery 本身成为一个全局的，但大概是因为 jquery-validation 只将自己附加到 JQuery，而 return 本身没有任何东西，它不会通过这个加载。

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

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

Answer 1

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

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

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

有关详细信息，请参阅 NPM section 上的 Brunch 文档。

Load JQuery Plugin in Brunch 2.8