Bootstrap-sass gem：如何有選擇地選擇所需的CSS組件？

Question

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

我到底該怎么辦？

Answer 1

您所指的行是您需要在命令行中運行的命令（該命令必須基於UNIX，因此請使用Mac，Linux或UNIX）。 它的作用是訪問文件（ bootstrap.scss ），並從中提取特定行。 然后，它沒有將結果顯示在屏幕上，而是將其寫入文件（ bootstrap-custom.scss ），該文件在命令運行后將包含bootstrap使用的所有模塊的列表。 現在，您可以刪除不想使用的那些。

更多信息：

sed 's/@import "/@import "bootstrap\\//' -此行使用sed（一種unix實用程序，它可以解析和轉換文本）僅找到正確的行。

$(bundle show bootstrap-sass) -$（）指示內部命令的結果應該粘貼到外部命令中的此位置中。

\\ -出現在第一行和第二行的末尾。 這意味着盡管我按Enter II仍在鍵入命令，所以請不要運行它。

`>'-將輸出從屏幕重定向到文件。

希望這可以幫助。