在Brunch 2.8中加载JQuery插件

时间:2016-09-02 17:39:14

标签: jquery typescript npm brunch

我使用早午餐2.8.2设置了早午餐项目。这个版本的Brunch非常适合通过NPM进行前端依赖。我也在使用Typescript Brunch插件,并且可以在我的代码中完成import $ = require("jquery")

然而......我无法弄清楚如何加载JQuery插件,以便我可以在我的代码中使用它。

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

我无法使用

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

上述工作可以很好地使JQuery本身成为一个全局的,但可能是因为jquery-validation只将自己附加到JQuery上,而且本身并没有返回任何东西,它也不会通过它加载。< / p>

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

有没有办法做我想做的事情?

1 个答案:

答案 0 :(得分:1)

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

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

我不得不稍微改变全局变量部分,因为插件期望看到全局jQuery变量而不是$

有关详细信息,请参阅NPM section上的早午餐文档。