Sassのfunction.scssを更新した際、複数のscssに反映する方法

Question

ソース

first-view-single.scss、first-view-top.scss、複数のファイルでfunction.scssをimportしています。

first-view-single.scss

// compileCompressed: ../first-view-single.css

/*
 ファーストビューをインライン化し、コンパイルするためのscss
 変更があった場合、コンパイルしたcssをheadに反映
 記事、ニュースページ
*/

// 共通：Sass変数
@import 'module/_function.scss';

// 共通：リセットCSS
@import 'module/_first-view-reset.scss';

// 記事ページ：記事ページ用CSS
@import 'module/__first-view-single.scss';

// 記事ページ：文章中の装飾
@import 'module/__first-view-single-text.scss';

first-view-top.scss

// compileCompressed: ../first-view-top.css

/*
 ファーストビューをインライン化し、コンパイルするためのscss
 変更があった場合、コンパイルしたcssをheadに反映
 TOP、カテゴリ、タグなどの一覧ページ
*/

// 共通：Sass変数
@import 'module/_function.scss';

// TOP：TOP、カテゴリ、タグなど記事一覧ページ
@import 'module/__first-view-top.scss';

// TOP：jsプラグインSwiper
@import 'module/__first-view-top-swiper.scss';

質問

functiom.scssを更新した際、first-view-single.scss、first-view-top.scss、
2つのscssに設定(compileCompressed)している、CSSを出力するにはどうのようにすれば良いでしょうか。

function.scssを更新した際、出力したいcssが1つであれば、1行目に以下を記載することで実現できました。

// main: ../first-view-single.scss

Comments

[退会済みユーザー]

sassのコンパイラーは何でしょうか？