1

我正在尝试将引导程序的本地副本安装到流星项目中，以便更轻松地对其进行自定义。

我正在使用 bootsrap-3 智能包，它运行良好，因此删除了它，创建了Use Twitter Bootstrap 3 RC1 with Meteor中描述的目录树和文件，并执行了 meteor add bootstrap 显示摘要字符串中的文本，但是，项目中不包含引导程序。

我添加了引导程序

git submodule add git://github.com/twitter/bootstrap.git public/bootstrap

并在 packages/bootstrap/package.js 文件中适当地调整了路径（甚至尝试了绝对路径来尝试让它工作）。

package.js 看起来像

Package.describe({
  summary: "Load locale bootstrap scripts"
});

Package.on_use(function(api) {
  api.add_files('../../public/bootstrap/dist/js/bootstrap.min.js', 'client');
});

我错过了一些东西，但很难找到它。

彼得

4

2 回答 2

1

添加引导程序的一种简单方法是将文件放在客户端目录中，可能位于client/lib. 如果您要自己维护和自定义文件，这是最简单的方法。您可能需要 bootstrap 中的 .css 和 .js。

对于一个包，我会看bootstrap3-less。它可以与陨石一起添加，并为您提供可以自定义的更少文件。如果这不适合您，那么您至少可以看到 package.js 的外观以及包的组织方式。

于 2013-11-06T06:51:25.973 回答
1

您可以坚持创建包的标准方式，只需将 Bootstrap 3 的css、fonts和js目录放在包目录的顶层，并像这样链接到它们package.js：

api.add_files('css/bootstrap.css', 'client');
api.add_files('js/bootstrap.min.js', 'client');
...

如果您关心图标，请以相同的方式添加字体。然后，创建一个最后加载的覆盖 css 文件，覆盖 Bootstrap css 中图标的路径。此覆盖文件的示例位于 Meteor 的官方 Bootstrap 2 包中，此处为。还可以在这里package.js查看相同的文件（尽管我认为您可以跳过使用 NPM 连接路径名）。

于 2013-11-06T10:57:23.077 回答