我正处于 meteor 的早期阶段，正在尝试学习如何集成模板。我有使用许多 js 和 css 文件的免费 Bootstrap 模板。那么我如何在元素中添加/组织那些 js 和 css 文件。
我有包含 js 、 css 、 img 文件夹的公用文件夹。如果我在这里添加我的 js 和 css 文件，我该如何链接我的模板和布局文件？
最佳答案
更新
我最近发现 Meteor.startup 不是一个非常可靠的方法。对我来说，它可能对 50% 的页面刷新有效。请在这里阅读我的帖子:
Meteor JS javascript files in main.* still don't load correctly. Best practices for load order?
原帖
我今天也做了同样的事情。
In Meteor JS, how to control Javascript load order in relation to DOM load order? For animations
我创建了 client/views/application/layout.html 并将模板代码粘贴到其中。
然后我删除了 <head>模板的代码(因为 Meteor 为您添加了它)并将其余代码变成了 <template> .
我将所有模板的静态资源(如 css、字体、图像、图标和 js)放在 public 中
模板底部的脚本我注释掉了。通常这些东西会在加载 DOM 后加载，但在 Meteor 的情况下它不会因为 Meteor 的时髦加载方式:
(下面是我注释掉的)
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/imagesloaded.min.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/jquery.nav.min.js"></script>
<script src="assets/js/jquery.appear.min.js"></script>
<script src="assets/js/twitterFetcher.min.js"></script>
<script src="assets/js/script.js"></script>
由于 Meteor 导致 DOM 加载后，上述代码不会加载，因此您必须以其他方式指定加载顺序。
我在与 layout.html 相同的文件夹中创建了 layout.js 并添加了:
Meteor.startup( function () {
$.getScript("assets/js/jquery.min.js");
$.getScript("assets/js/bootstrap.min.js");
$.getScript("assets/js/isotope.pkgd.min.js");
$.getScript("assets/js/imagesloaded.min.js");
$.getScript("assets/js/jquery.scrollTo.min.js");
$.getScript("assets/js/jquery.nav.min.js");
$.getScript("assets/js/jquery.appear.min.js");
$.getScript("assets/js/twitterFetcher.min.js");
$.getScript("assets/js/script.js");
});
现在模板可以使用了。当Meteor.startup在 client 中调用文件夹，它将在加载 DOM 后加载内容，这正是我们想要对那些 javascript 文件执行的操作。
关于jquery - meteor : how to add multiple js and css file based on templates. ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23599236/