Sublime Text 3でCompassのビルド設定とエラー

新しいPC(Windows10)に入れていたSublime Text3でCompassのビルド設定をしていなかったのでしばらくぶりに設定をした時の覚書とエラーが出たのでその対処方法。

Ruby がインストールされていて、既にSassとCompassはインストール済みの上の作業です。

一応Rubyの確認

インストールされていれば、バージョンが表示される

 

gemをアップデートする

sassをアップデートする

compassをアップデートする

compassはアップデータありませんでした。

この後、Sublime text 3での設定。

sublime text3で必要なパッケージのインストール

sublime text 3を起動後、ctrl + shift + p でPackage Controlを起動し、Package Control: Install Packageを選択。

いろいろ便利なパッケージがありますが、今回は以下のものをインストール

・Sass
・SASS Build
・SCSS
・Compass
・SublimeOnSaveBuild

これで、config.rbのあるフォルダのscssファイルを開き、保存してみる→保存と同時にビルドされるはず・・・

と、以下のようなメッセージが。

warningなので、致命的じゃないですが、気になるので調べてみる。
すると、こちらのページが参考になりました

【メモ】SassバージョンアップしたらCompassでwarningが出る
http://qiita.com/ryokio0129/items/bb62e4aeab2921290846

Compass & Sass Deprecation warning
https://stackoverflow.com/questions/35949660/compass-sass-deprecation-warning

メッセージにある、
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_deprecated-support.scss
を開いてみます。

85行目あたり

この部分を以下のように修正します。

そして保存。

無事エラーは出なくなり、Compassのビルドもできるようになりました。

 

SNSでもご購読できます。