将现有的 html 模板迁移到流星和铁路由器

Question

流星和铁路由器的新手。希望能得到一些帮助。

我正在尝试将以下模板用于流星应用程序： https://shapebootstrap.net/item/1524991-oxygen-free-bootstrap-one-page-theme

但是，当与铁路由器结合使用时，我无法以正确的方式获取所有文件结构。

以下是我的文件结构： JS内部：

Router.route('/', function () {
  this.render('Main');
});

“/client/css”里面的所有css

“/public”下的字体、图片和js

在 main.html 中，如果我没有添加以下内容： 在顶部

<template name="main">

在底部

</template>

它工作正常。但是这种破坏了 Iron Router 的目的，因为所有的页面都会先加载这个 html。如果我添加上面的 2 个标签，看起来 html 底部的 js 加载不正确或顺序不正确：

<script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  <script type="text/javascript" src="js/jquery.inview.min.js"></script>
  <script type="text/javascript" src="js/wow.min.js"></script>
  <script type="text/javascript" src="js/mousescroll.js"></script>
  <script type="text/javascript" src="js/smoothscroll.js"></script>
  <script type="text/javascript" src="js/jquery.countTo.js"></script>
  <script type="text/javascript" src="js/lightbox.min.js"></script>
  <script type="text/javascript" src="js/main.js"></script>

知道我应该如何解决这个问题吗？谢谢。

Answer 1

您不必添加脚本文件，您可以从大气js.com 安装包

示例：找到 twbs: bootstrap，它会自动安装 bootstrap.min 和其他依赖项。

map 和 jquery 非常相似。

如果您不了解 Iron:router，请查看大气js 中的示例文档，您可能能够解决它

您将能够在查看文档后与 Iron Router 示例相关： Router.route('/', { 名称：'家'， 模板：“家” });