sass - LiveReload で Bourbon SASS ライブラリを使用する

Question

LiveReloadでBourbonを使用したいのですが、それらを連携させることができないようです。この 2 人を上手く演じさせた人はいますか?

Answer 1

標準のコンパイル オプションではなく、[変更の処理後にカスタム コマンドを実行する] オプションを使用する場合は、readmeに記載されているコマンドを使用できます。

# Example (project root directory)
sass --watch stylesheets/sass:stylesheets -r ./stylesheets/sass/bourbon/lib/bourbon.rb

これをカバーするブログ記事を書きました。

Answer 2

Bourbon の最新バージョン (3.0.0) をインストールし、bourbon を compass sass ディレクトリにインストールする場合:

bourbon install --path ./sass

その後、1 つの小さな調整で LiveReload を使用できます。Bourbon ではこれが必要なため、LiveReload の SASS のバージョンを少なくとも 3.2.3 に置き換える必要があります。

LiveReload のデフォルトの SASS バージョンを置き換える方法については、http://carl-topham.com/theblog/post/ching-version-sass-livereload/ を参照してください。

これは私にとってはうまくいくようです。

Answer 3

lib/bourbon.rb ファイルを LiveReload の [カスタム コマンドの実行] オプションに渡すことで、動作させることができると言われています。添付画像を参照してください。