2013-03-13 7 views
35

私はyeomanのプロジェクトで作業しています。このプロジェクトには、自動化の場合はgrunt、クライアント側のパッケージ管理の場合はbowerが含まれています。私のプロジェクトの依存関係の1つはSASS twitter-bootstrapです。BowerとTwitter Bootstrapのカスタマイズを維持するには?

私は手動で依存関係の更新を管理している他のプロジェクトでは、私は、ブートストラップvariables.less_variables.scss)ファイルに直接Bootstrap値を変更し、プロジェクト自身cssフォルダの下main.lessファイルでそれを拡張します。私はここでも同じことをしましたが、Bowerで他のパッケージをインストールしたときに、すべてのものがオーバーロードされました(私のコンポーネントのフォルダであり、神に感謝します)

Bootstrapは、それは再び起こらないでしょうか?

答えて

45

bower_componentsフォルダの内容を変更しないでください。そのことを明確にするようにします。

ご質問ください。 bower_componentsフォルダの_variables.scssファイルをたとえば次のようにコピーします。 app/stylesをインポートし、main.scssにインポートするか、名前が付けられているものであれば、ブートストラップ用のimport文の上にインポートします。これにより、カスタムファイルが既定の変数をオーバーライドします。

+1

ここで@ import-overridesというトリックについて言及しましたが、それはかなり明白です。XD – marcoslhc

+2

何か変更があったかどうかわかりませんが、ブートストラップのインポートより上のオーバーライド_variablesファイル**それを下に置くことはしませんでした。 –

+0

これは、バウアーコンポーネントをブートストラップとして使用する場合、上書きする必要があるのは_variables.scssだけです。そのファイルに含まれているもの以外のものを変更する必要がある場合はどうすればよいですか?あるいは、何かを変更する必要がある場合は、ブートストラップをまったく必要としないかもしれません。 – Markus

関連する問題