EmberプロジェクトでSASSとSCSSを使用する方法

Question

既存のレガシープロジェクトをEmberに移行し、プロジェクトにはSASSファイルとSCSSファイルの両方があります。 SASSファイルを処理するためにember-cli-sassを使用しています。これはオプション「extension： 'sass'」を含んでいます。これは絶対にうまく動作しています。しかし、どのようにして.sassファイルと.scssファイルの両方を使用するようにこのプラグインを設定できますか？助けてください！！

Answer 1

前述のとおり、文書化されたセットアップは、sass拡張子を追加するように動作しているようです。 ember-cli-build.jsファイルで

ember install ember-cli-sass 

：

// ember-cli-build.js 
var app = new EmberApp(defaults, { 
    sassOptions: { 
    extension: 'sass' 
    } 
}); 

現在、この構成では、エンバーはapp.sassというファイルを探しますことを意味します。残念ながら、これはまた、あなたのエントリポイントにapp.scssがあることは機能しません。たぶん、これはあなたのユースケースには理想的ではないかもしれませんが、うまくいけばそれは取引の中断者ではないでしょう。そこからしかし

あなたは彼らがすべてのあなたのapp.cssに@include両方scssとsassあなたapp.sassファイルからファイルやパッケージ化されますすることができます。

あなたは、これがthe ember-cli-sass code内の作業のビットを取るために起こっている（執筆時点）、その後.scssファイルから来.sassファイルといくつかから来るそのうちのいくつかは、あなたのappliationから複数の出力パスを、サポートする必要がある場合。あなたのember-cli-build.jsファイルに直接broccoli-sass pluginを使用すると、より良い運があるかもしれません。