如何在meteor.js中使用商业主题

Question

我是一个正在尝试构建流星应用程序的新手，我希望通过使用商业主题来减少一些时间。我们以此为例：

http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?WT.ac=category_item&WT.seg_1=category_item&WT.z_author=keenthemes

我有两个选择：

1）使用html创建流星模板，使用空格键标签等。 但是我如何实现主题javascript？它与流星有冲突吗？

2）使用angular.js，因为主题以angular.js格式提供，而不是普通的html。但这不会造成冲突吗？这是一个更好的方法吗？

一般来说，使用流星的商业主题最简单，最好的方法是什么？

Answer 1

我在wrapbootstrap上买了类似的主题。我认为这是同样的问题。 （对于Angular主题，我不知道，因为我认为将它与bootstrap集成会比较棘手）

通常有这样的主题，你有很多第三方的JS库。你必须得到它们。 第一个选项，你在大气中找到类似的包，你可以添加它。 （许多jQuery库都被简单地包装成包）。

第二个选项，没有这样的包（你可以制作和添加它们，这将有助于社区:)）。您可以使用wait-on-lib

等包在您需要的页面上导入它们

您可以仅在需要的地方导入库。但我认为第一种选择是更清洁。

对于模板中的每个不同页面，您可能会有一些custom.js，在渲染模板时必须传输此逻辑。例如，模板中索引文件的custom.js将转换为：

模板名称索引，您可以在其中放置HTML和

Template.index.rendered = function(){
/* your custom js */
}

对于CSS，您只需复制客户端/ css中的文件（例如）即可加载文件。

我不知道我是否已经非常清楚，但我设法将这些主题整合到流星项目中。并且不要忘记删除不必要的文件，例如，当您添加引导程序包时，可以删除与模板集成的引导程序css和js文件。

P.S：您可能必须在模板中的css和js文件中搜索/重新加载路径以加载一些图像。将所有此类文件（如图像）放在您想要的公用文件夹中，但不要忘记重写css和js文件中的路径。 例如，如果您创建一个模板，其中包含以下文件夹：

folder_css
folder_image
...

路径是这样写的：

/* css files */
background-image: url(../folder_image/myimage.png);

但是在流星项目中，公共文件夹中的所有文件都位于项目的根目录中，因此您可以重写路径，例如：

/* css files */
background-image: url(img/myimage.png);

还在JS文件中重写路径，我认为它应该有用。