【问题标题】:How to update Bootstrap (and use LESS) in a Meteor app如何在 Meteor 应用程序中更新 Bootstrap(并使用 LESS)
【发布时间】:2014-03-31 00:39:30
【问题描述】:

我已按照bootstrap3-lessmeteor-bootstrap-3 陨石包的自述文件中的说明进行操作,但似乎缺少步骤。

有人可以向没有经验的开发人员详细解释(逐步)如何从 Meteor 包 bootstrap“升级”到 Bootstrap 3(最好使用 LESS,但不是必需的)?

一些具体的查询:

  • 我应该先卸载标准的bootstrap 包吗?
  • 在哪里引用新的 .less 或 css 文件(或者是作为 mrt 包的一部分完成的)?
  • 任何其他最佳实践

谢谢。

【问题讨论】:

    标签: meteor twitter-bootstrap-3 meteorite


    【解决方案1】:

    这几乎就像你说的那样。假设您在 linux/mac 上,请确保您位于项目根目录,然后

    $ mrt remove bootstrap
    $ mrt add less
    $ mrt add bootstrap3-less
    $ mkdir -p client/styles
    $ touch client/styles/my-styles.less
    $ sed -i '$ a\@import "/packages/bootstrap3-less/bootstrap.import.less";' client/styles/my-styles.less
    $ cd public && ln -s ../packages/bootstrap3-less/lib/fonts ./
    

    就是这样。如需进一步定制和高级使用,请查看https://github.com/simison/bootstrap3-less的官方自述文件

    此外,搜索关键字 bootstrap 的氛围,您会发现很多可以包含在项目中的包。

    此外,软件包会不时更新。

    因此,偶尔,请确保您在项目根目录中运行:

    $ mrt update
    

    或者如果你将你的项目从 git 克隆到一个新的工作空间,你需要先安装第三方包:

    $ mrt install
    

    【讨论】:

    • 关于脚本的最后一行,如果 /public/fonts/ 文件夹当前存在于您的项目中,请确保首先删除/移动它,否则符号链接 ln 将失败并显示file exists 错误。
    • 这行得通,非常感谢。你能解释一下最后一步发生了什么吗?从谷歌搜索看来,您正在创建一个符号链接到项目根目录中名为 public 的文件夹中的字体文件夹?怎么会?
    • 是的,这是正确的。通常,当meteor 捆绑包资源用于生产部署时,它会从包中获取 js 和 css 文件并将它们连接起来以在服务器、客户端或两者上使用。但是 img/font 等静态资产不会被复制到公用文件夹中,它们会保留在包根文件夹的相对路径中。包含符号链接可确保在使用生产配置部署应用程序时,可以从公共目录中作为基本根访问静态资产。
    猜你喜欢
    • 2014-10-24
    • 2014-10-31
    • 2018-02-11
    • 1970-01-01
    • 1970-01-01
    • 2015-02-24
    • 2011-11-11
    • 2014-01-05
    • 1970-01-01
    相关资源
    最近更新 更多