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でもご購読できます。