tanatiyo Sassのコンパイル方法にはいろいろな方法があるそうですが、私は一番簡単な方法としてVSCodeの拡張機能を使うことにしましたが、結局CSSファイルの出力先が改善されず、断念することに。
そこで調べた結果、東京ホームページ制作さんのサイトで紹介されている記事と「現場のプロから学ぶCSSコーディングバイブル」の書籍とを合わせてPreprosというコンパイルツールを導入してみることにしました。
東京ホームページ制作さんのサイト記事はこちら↓
https://b-risk.jp/blog/2020/09/start-using-prepros-basic/
https://b-risk.jp/blog/2020/09/start-using-prepros-practice/
上のリンクは基礎編で下のリンクは実践編を紹介してくださっています。
書籍「現場のプロから学ぶCSSコーディングバイブル」でもPreprosのインストール手順からコンパイル方法までは載っていますが、東京ホームページ制作さんのサイト記事ではスマホでも同期する方法や（※同じインターネット回線上にないとできません）CSSファイルの生成先の指名の仕方など、実践編ではさらにもう一歩踏み込んだ内容をレクチャーしてくれているので、とっても参考になりました！！
特に実践編の内容は「現場のプロから学ぶCSSコーディングバイブル」の方には載っていないので助かりました。また、これからいろんな知識やスキルを身につけていった際も、Preprosの恩恵をもっと受ける機会も出てきそうです。
1人でHPを制作するだけならVSCodeのプラグインでも間に合うそうですが、今後複数人で作業する可能性やいろんなツールに触れる経験値も加味すると、Preprosを導入して、ひとまずこれに慣れていくことを選んだ方が良さそうです＾＾