前提・実現したいこと
VS CODEの拡張機能Live Sass Compilerで@importを使用しているファイルのみをコンパイルしたいのですがどうしても別々に保存されるだけでイメージ通りの動作になりません。
_header.scssを編集して保存すると、style.scssも同時に保存されて、style.cssが生成されるようにしたいのですが可能なのでしょうか?
####ディレクリ構成
test - scss - style.scss - _header.scss
style.scss
@import "./header";
_header.scss
a { color: red; }
Live Sass Compiler - settings.json
"liveSassCompile.settings.autoprefix": [ "> 1%", "last 2 versions", "Firefox ESR", "ie 8", "ie 9" ], "liveSassCompile.settings.formats":[ { "format": "compressed", "extensionName": ".min.css", "savePath": "~/../css/" } ], "liveSassCompile.settings.generateMap": true, "liveSassCompile.settings.excludeList": [ "**/node_modules/**", ".vscode/**" ], "liveSassCompile.settings.showOutputWindow": false, "editor.wordWrap": "on", "editor.minimap.enabled": false, "editor.tabSize": 2 }
試したこと
https://teratail.com/questions/191165
過去の回答にあった方法を同じ設定で試したのですが、うまくいきませんでした。
あなたの回答
tips
プレビュー