東京都府中市、九段下のWEB制作会社Maromaroのブログです

2018.02.02

Sasaki

DreamweaverのSCSSでimportファイル更新時に親ファイルが更新されないバグ

こんにちは、佐々木です。

Dreamweaver SCSSのimportファイルが特定のファイル名の時に親ファイルが更新されないバグ?があるようです。
例えば _xxxx_pc.scss等のパーシャルファイルを読み込ませたい時です。

仮に下記のような構成だったとします。

-css
 -parent.scss
 -_child_pc.scss
 -_child_sp.scss
hoge.html

parent.scssのファイルから、_child_pc.scss、_child_sp.scssを下記のように読み込むと

@import 'child_pc';
@import 'child_sp';

_child_pc.scssで更新を行っても親ファイルに取り込まれません。

実はアンダーバーを含めたファイル名にしてしまうと更新されないバグがあるようです。

書き方を変えて、parent.scssのファイルから、_child_pc.scss、_child_sp.scssを下記のように読み込むと

@import '_child_pc.scss';
@import '_child_sp.scss';

にすると。。。。。!

無事、保存をすると自動的に親ファイルも更新されました。

ファイル名の命名だけで動かなくなってしまうので、気づきにくいですよね。

以上、佐々木でした!