はじめに
今までVS Codeを使っていましたが、数ヶ月前からCursorを使い始めました。
拡張機能の「Live Sass Compiler」をインストールしましたが、コンパイルがうまくできませんでした。
コード
assets/scss/style.scss
@use "layouts/header";
と記述しコンパイルする(Watch Sassをクリックする)と、style.cssにも @use が記述されてしまいました。
assets/css/style.css
@use "layouts/header";
本来であれば、コンパイルされたassets/scss/layouts/_header.scssのコードが記述されるはず。
解決方法
Live Sass Compilerは2種類のバージョンが提供されていました。
古いバージョン3.0.0では@useをコンパイルできない そうです。
新しいバージョンをインストールしてコンパイルしたら解決しました。