Bootstrap-sass gem:如何有选择地只采用你需要的CSS组件?

时间:2013-12-29 09:18:36

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

我们正在使用this gem在我们的Rails应用程序中集成Bootstrap。我一直在寻找削减一些我们不需要的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

我到底应该做什么?

1 个答案:

答案 0 :(得分:1)

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

更多信息:

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

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

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

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

希望这有帮助。