【问题标题】:Use Twitter Bootstrap 3 RC1 with Meteor将 Twitter Bootstrap 3 RC1 与 Meteor 一起使用
【发布时间】:2013-08-09 06:39:45
【问题描述】:

我正在尝试将最新的 Twitter Bootstrap 3 RC1 与 Meteor 一起使用。我尝试使用 bower 安装它,但由于引导程序包(_includes 目录)中包含一些 HTML 或 JS,Meteor 引发了错误。我知道流星有一个bootstrap package,但这是 Bootstrap 2.3。

我想知道是否有一种方法可以忽略某些文件,这样 Meteor 就不会尝试提供这些文件,或者有其他方法来解决这个问题。

【问题讨论】:

    标签: twitter-bootstrap meteor twitter-bootstrap-3


    【解决方案1】:

    你试过自定义氛围包bootstrap3-less吗?

    广告。问题:我知道客户端/服务器上的测试子目录将被忽略,但这只是一个糟糕的地方。您是否尝试将其放入 lib/external 中? Unofficial Meteor FAQ 也可能是一个很好的起点。

    【讨论】:

    • 流星也会忽略/lib/external吗?
    • 正如@非官方FAQ中提到的:“来自其他人的公共代码。注意lib文件夹中的js文件在其他js文件之前加载。”您确定要忽略这些文件吗?通常,如果没有可用的大气包(但有!),我会在 client/lib 中提供其他库。
    • 好吧,如果不忽略 boostrap 中 _includes 文件夹中的内容,就会产生一堆错误,正如我原来的问题中提到的那样。
    • 您是否尝试过遵循其他帖子中的解决方案:stackoverflow.com/questions/16160295/…
    【解决方案2】:

    现在这是我的解决方案,灵感来自this answer

    我使用以下 .bowerrc 配置安装带有凉亭的 Bootstrap:

    {
         "directory": "public/bower_components"
    }
    

    从这里,您可以使用 Bootstrap,方法是直接将其包含在您的 <head> 中,如下所示:

    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>
    

    或者你可以像这样在你的less文件中使用它

    @import "public/bower_components/bootstrap/less/bootstrap.less";
    

    感谢@majodev 的帮助。我认为bootstrap3-less 很好,但是通过使用它,我们引入了该软件包开发人员更新到最新 Bootstrap 版本的另一个依赖项。通过using bower,我们知道我们将始终拥有最新版本的引导程序,或者我们想要的任何版本。

    2013 年 8 月 9 日更新:

    要使用bootstrap.js,当前的解决方法是创建一个调用 bootstrap.js 文件的包。这是我的做法:

    packages中创建一个bootstrap目录

    packages
    └── bootstrap
        └── package.js
    

    然后在package.js 中声明您要包含的js 文件,例如:

    // package.js
    
    Package.describe({
        summary: "Load bootstrap script."
    });
    
    Package.on_use(function(api) {
        api.add_files(['../../public/bower_components/bootstrap/dist/js/bootstrap.min.js'], 'client');
    });
    

    【讨论】:

    • 看起来有一个官方的引导程序包,但我不确定如何在我的 HTML 文件中链接它。还是在我添加包的时候已经链接了。
    • 是的,我相信你可以做到meteor add bootstrap,它是自动链接的,你可以开始使用它了。
    • 有没有办法为某些模板禁用引导程序?
    • 为什么要在现有的包管理器上添加另一个包管理器?尤其是将其名称添加到生产文件夹中。
    • @TriNguyen 是的,有几种方法。一个值得注意的引导相关库列表在这里:atmospherejs.com/packages/bootstrap3,而一个新鲜的、可配置的和流星的在这里:github.com/Nemo64/meteor-bootstrap,我的想法是 Meteor 有自己的包管理器完全能够维护其内部和库,添加另一个从长远来看,这只会使事情复杂化。抱歉唠叨。
    【解决方案3】:

    不应再使用特定的方法或包将 Bootstrap 功能添加到 Meteor,因为 Bootstrap 现在已作为 Meteor 包正式发布。

    查看 3.3.4 更新日志http://blog.getbootstrap.com/2015/03/16/bootstrap-3-3-4-released/

    Bootstrap is now also available as a Meteor package in the Atmosphere package index.

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-09-26
      • 2014-02-17
      • 1970-01-01
      • 1970-01-01
      • 2012-11-16
      • 1970-01-01
      • 1970-01-01
      • 2015-03-17
      相关资源
      最近更新 更多