如何在流星应用程序中包含外部JS库?

时间:2014-08-06 16:15:55

标签: javascript jquery html twitter-bootstrap meteor

我使用Meteor JS框架设置了一个基本的引导页面。

我已经按照本教程进行了操作:

http://www.manuel-schoebel.com/blog/meteorjs-and-twitter-bootstrap---the-right-way

我想使用Jcrop(外部JS库):

http://deepliquid.com/content/Jcrop.html

在bootstrap文件中,我只需要包含body元素和内容。如何包含此JS源代码以及任何其他必需的lib?通常我只是在html页面中引用lib。 Meteor是否会以某种方式神奇地处理这个问题?

提前再次感谢任何指示。

2 个答案:

答案 0 :(得分:1)

最简单的方法是使用mrt。我之前使用过这个包,它就像一个魅力。

mrt add jquery-jcrop

否则,您可以下载jcrop并将jquery.Jcrop.min.js放在源树中的某个位置。 Meteor会自动为您创建脚本标记,因此您无需更改html。

唯一的技巧是确保加载其依赖项,这是mrt包的功能。

答案 1 :(得分:0)

使用JCrop,您可以使用陨石将其添加到:

mrt add jquery-jcrop

如果您无法在atmosphere上找到该包,则可以将文件添加到/client/compatibility中的文件夹中。如果你有一个缩小的文件通常很简单。这个目录有点特殊,因为Meteor不会对其中的文件应用变量作用域。

对于拥有多个文件的其他人来说,文件加载顺序非常重要,您必须制作一个package for

Meteor会自动引用该文件,以便您可以开始使用它。对于大多数Jquery插件,例如JCrop,您可以使用模板的rendered callback来实例化模板上的元素。