node-sass最新版に対応したsassファイル書き換えについて

概要

タスクランナーで使用しているgulpプラグインのgulp-sassが依存しているnode-sassの最新のバージョンでは
sassファイル上の%を文字列で取り扱う際のルールが厳密になっている。
具体的には、$hoge + %;としているところを文字列内の変数埋め込みのような記述をする必要があり、$hoge#{'%'};に書き直す必要がある。 BSなら_header.scssとcore\_main_slide.scssファイルに該当箇所があり。 最新のbaseファイルは対応済みだが、過去のbaseファイルを起動する必要がある場合書き換えが必要になるので、以下の方法で修正する。

修正

+ %を一括変換すればいいのだが、スペースが合ったりなかったりするので正規表現でマッチされる。
具体的にはこう。
【検索】
?\+ ?%※先頭にスペースがあるので注意！
【置換】
#{'%'}

上記のみでエラーが消えない場合

post/_post.scss
336行目と341行目
width: #{$val}#{%};
を
width: #{$val}#{'%'};
に書き換える