繁体   English   中英

Bootstrap-sass gem:如何有选择地选择所需的CSS组件?

[英]Bootstrap-sass gem: How to selectively just take the CSS components that you need?

我们正在使用此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

我到底该怎么办?

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

更多信息:

sed 's/@import "/@import "bootstrap\\//' -此行使用sed(一种unix实用程序,它可以解析和转换文本)仅找到正确的行。

$(bundle show bootstrap-sass) -$()指示内部命令的结果应该粘贴到外部命令中的此位置中。

\\ -出现在第一行和第二行的末尾。 这意味着尽管我按Enter II仍在键入命令,所以请不要运行它。

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

希望这可以帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM