css - ブートストラップ。CSS を減らす

Question

Twitterのブートストラップを使用しています。私の開発サーバーでは、bootstrap.less と style.less の 2 つのファイルを接続しています。

@import "bootstrap.less";
@gridGutterWidth: 30px;

body {...}

style.less でいくつかのブートストラップ変数を再定義しました。この場合、bootstrap.less と style.less を css に変換するにはどうすればよいですか?

score 6 · Accepted Answer

Twitter Bootstrap チームは、CSS- recess用の独自のツールを開発しました。LESS をコンパイルし、CSS を最適化し、リントし、BS のスタイルガイダンスに従って変換します。これは Node パッケージとして入手できます。次のようにインストールしnpmます。

npm install recess

コマンドラインから次のように実行できます。

recess --compile bootstrap.less > bootstrap.css

ただし、推奨される方法は、Bootstrap のフォルダーでMakefile実行して Bootstraps を使用することです。make bootstrap

score 2 · Accepted Answer

SimpLESSなどのツールを使用して CSS を作成し、レイアウトでその CSS を参照するか、その場で CSS に変換するLess.jsを使用して、コード内で LESS ファイルを引き続き参照することができます。

2 に答える 2