【问题标题】:Bootstrap-sass gem: How to selectively just take the CSS components that you need?Bootstrap-sass gem:如何有选择地只取你需要的 CSS 组件?
【发布时间】:2013-12-29 09:18:36
【问题描述】:

我们正在使用 this gem 将 Bootstrap 集成到我们的 Rails 应用程序中。我一直在寻找一些我们不需要的 css 组件,例如 Glyphicons。我只是在理解 README 中的这段代码时遇到了一些麻烦:

您也可以显式导入组件。要从完整的模块列表开始,请从 gem 复制此文件:

# copy and prepend "bootstrap/" to the @import paths:
sed 's/@import "/@import "bootstrap\//' \
 $(bundle show bootstrap-sass)/vendor/assets/stylesheets/bootstrap/bootstrap.scss > \
 app/assets/stylesheets/bootstrap-custom.scss

我究竟应该在这里做什么?

【问题讨论】:

    标签: ruby-on-rails ruby twitter-bootstrap sed bootstrap-sass


    【解决方案1】:

    您所指的行是您需要在命令行中运行的命令(需要基于 unix,因此请使用 mac、linux 或 unix)。 它所做的是访问一个文件 (bootstrap.scss),并从中提取特定的行。然后,它不会在屏幕上显示结果,而是将其写入文件 (bootstrap-custom.scss),该文件在命令运行后将包含引导程序使用的所有模块的列表。您现在可以删除不想使用的那些。

    更多信息:

    sed 's/@import "/@import "bootstrap\//' - 此行使用 sed,一个解析和转换文本的 unix 实用程序,仅查找正确的行。

    $(bundle show bootstrap-sass) - $() 表示内部命令的结果应该粘贴到它们外部较长的命令中的这个地方。

    \ - 出现在第一行和第二行的末尾。这意味着虽然我按了回车,但我仍在输入我的命令,所以不要运行它。

    `>' - 将屏幕的输出重定向到文件。

    希望这会有所帮助。

    【讨论】:

    • 是的,确实如此。我也做了一些阅读。事实证明,@import bootstrap 全部导入,但如果需要,我可以按需导入组件。我实际上并没有做bundle show 的事情,我只是去了目录并sed-ed 文件。欣赏!
    猜你喜欢
    • 2013-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-05
    • 1970-01-01
    • 2014-11-29
    • 1970-01-01
    相关资源
    最近更新 更多