質問: 複数の.scssファイルをひとつのcssファイルに圧縮した状態で出力変換したいのですが、下記のような構成の場合どのようなライブラリを利用すれば可能でしょうか?前任者がいなくなってしまいどのようにしていたのかわからず・・・アバウトですいません。 ↓rootフォルダ内 _all.scss components/ ``` //_all.scss @import "./components/all"; ``` ↓componentsフォルダ内 _all.scss about/ ``` //_all.scss @import "./about/all"; ``` ↓aboutフォルダ内 _all.scss _about.scss ``` //_all.scss @import "about"; //_about.scss body { h1 {/**/} } ``` ■階層構造 ``` root/ ├ _all.scss └ components/ ├ _all.scss └ about/ ├ _all.scss └ _about.scss ``` ■cssフォルダ内(出力先フォルダ) style.css←出力されているものはこれだけのようです・・・ style.cssにscssフォルダにあるものすべてが 集約されてひとつのcssファイルになるようです。 gulp,gulp-sassだけでは上記のような出力はできず、 gulp-sass-globなど試してみたのですがうまくいかず・・ 他にどんなライブラリが考えられますでしょうか?
回答: 回答を修正いたします。 scssファイルの構成を見る限り、style.scssという名前のファイルがありそうですが、いかがでしょうか? **style.scssに、_all.scss、_test.scss、_test2.scssというファイルをインポートして、style.cssにコンパイルする**という構成で合っていますか? その前提で回答させていただきますと、以下の内容をご確認ください。 ・style.scssに、_all.scssのインポート設定があるか。 ・インポートファイルのパスは合っているか 尚、scssのファイルの頭についているアンダースコア(_)は、そのファイルをcssとしてコンパイルしないための設定になります。 よろしくお願いいたします。