ember.js addonでsassを使用

Question

私は新しいemberアプリケーション用のember.jsでアドオンを開発しています。

私はaddonでスタイルとしてsassを使い、それを自分のアプリから独立させる方法を見つけようとしています。

アドオンはsassを使っていると言っていますが、必要のないアプリケーションはpackages.jsonにember-cli-sassを持っていなければなりません。

私は共同私が助けに来、Googleで見つけたことがあることがほとんどすべてのソリューションを試してみた:)

は、私がawesome-tables/addon/styles/addon.cssにCSSファイルを置くので、もし、私のアドオンの名前がawesome-tablesであると言うことができます期待通りのスタイルがvendor.cssに連結され、それはあなたが@importイントロを追加する必要がありますアドオンについてsass/scss

Answer 1

では動作しません。あなたの次のようなapp.scss

@import 'ember-freestyle'; 
@import "pod-styles"; 

（両方のアドオンから）

このような指示は、通常、レポのREADME.mdに記載されています。あなたのレポの場合は、次のコードhttps://github.com/ebryn/ember-component-css/blob/ae18f897d5b40ef1b3346d8857f6a1136d1b7b4b/lib/include-all.js#L56を例として確認してください（https://github.com/ebryn/ember-component-css/はcss/less/sassで動作します）

P.S.アドオンのスタイル https://github.com/aexmachina/ember-cli-sass

アドオン開発

の命名チェックあなたはアドオンでエンバー-CLI-SASSを使用したいとあなたが したいコンパイル済みのCSSを配布する場合は、依存関係としてインストールする必要がありますので addon/styles/addon.scssはdist/assets/vendor.cssにコンパイルされます。

P.P.S SASS with Ember CLI addons