我正在尝试将Twitter Bootstrap模板与Meteor合并,但我无法理解应该如何包含文件。例如,让我们从Bootstrap本身开始,我应该用Meteor / Meteorite安装它还是用脚本包括手动执行它?对于其他javascript插件也是如此(例如jquery< - 这个是内置于Meteor对吧?,lightbox.js等等。)
希望我有意义,谢谢!
答案 0 :(得分:1)
默认情况下,meteor已包含jquery。
最好通过Meteorite安装插件。所以这样的事情可以让你开始
sudo -H npm install -g meteorite
然后在您的项目目录中
mrt add bootstrap-3
对于在atmosphere上找不到的其他插件,将文件添加到项目/client/lib
的目录中。 Meteor会自动为你引用文件,包括css和js。
这样它们只能在客户端运行并首先加载。 (例如lightbox.js
)
但是,您可能必须使用Meteor修改一些文件。在meteor中,每个文件的变量都是文件范围的。因此您无法从其他文件访问它们。 (meteor基本上会在代码周围抛出(function() {..}).call()
。
因此,如果您遇到某种未定义变量的问题,请查找变量并删除var
关键字并将其删除,以便变量/方法变为全局变量。使用jquery插件,这通常不是问题。
大多数具有变量范围问题的问题都在http://atmosphere.com上,因此您不应该遇到太多问题。
答案 1 :(得分:0)
最常见的库(如jQuery和Bootstrap(v2.3.0))由Meteor核心(v0.6.6.3)提供。它们可以使用meteor list
列出,并包含在meteor add
中。
如前所述,Atmosphere是非官方Meteor软件包的集合,让Meteorite可以轻松地将第三方解决方案包含在您自己的项目中。
此外,您应该学习Meteor App结构。在项目上创建的目录在文件可见性和加载顺序方面具有不同的首选项。我建议在http://www.slideshare.net/RitikM/building-a-production-ready-meteor-app阅读Ritik Malhotra关于App结构的演讲。还有一个关于他的演示文稿的Youtube视频,可以在这里观看http://www.youtube.com/watch?v=gfFGjmiKfnA。