javascript - 如何使用 meteor.js 的商业主题

Question

我是一名尝试构建 meteor 应用程序的新手，我希望通过使用商业主题来节省时间。让我们以此为例:

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创建 meteor 模板，使用空格键标签等。但是我将如何实现主题 javascript？它不与 meteor 冲突吗？

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

一般来说，在 meteor 中使用商业主题的最简单和最好的方法是什么？

Answer 1

我在 wrapbootstrap 上买了类似的主题。我认为这是同样的问题。 (对于 Angular 主题我不知道，因为我认为将它与 Bootstrap 集成会更棘手)

通常对于这样的主题，你有很多第 3 部分的 JS 库。你必须得到它们。第一个选项，你在大气中找到一个类似的包，你可以添加它。 (很多 jQuery 库都被简单地包装为包)。

第二个选项，没有这样的包(你可以制作并添加它们，这将有助于社区 :))。您可以使用类似 wait-on-lib 的包将它们导入到您需要的页面上

您可以只在需要的地方导入库。但我认为第一个选项更清洁。

您可能会为模板中的每个不同页面设置一些 custom.js，您必须在呈现模板时传输此逻辑。例如，模板中索引文件的 custom.js 将转换为:

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

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

对于 CSS，您可以简单地复制 client/css 中的文件(例如)，文件将被加载。

不知道我有没有说的很清楚，我在meteor project中成功的整合了这样的主题。并且不要忘记删除不必要的文件，例如，当您添加 Bootstrap 包时，您可以删除集成到模板中的 Bootstrap css 和 js 文件。

P.S:例如，您可能需要从模板的 css 和 js 文件中搜索/替换路径以加载一些图像。将所有此类文件(如图像)放在你想要的公共(public)文件夹中，但不要忘记重写你的 css 和 js 文件中的路径。例如，如果您购买了一个模板，其中包含如下文件夹:

folder_css
folder_image
...

路径是这样写的:

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

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

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

也重写 JS 文件中的路径，我认为它应该可以工作。