エンバーはSCSSファイルは、ポッド構造で更新されたときに動作していないlivereload

Question

私は、次の構造を持っている：私はAtomの中で自分のスタイルファイルへの変更を保存するとき

app/ 
    pods/ 
    components/ 
     user-login/ 
     component.js 
     style.scss 
     template.hbs 

用テンプレートファイルおよびコンポーネントファイルが正しく、しかし、変更があるlivereloadを

ember server 

やWebページをリロードします。彼らは唯一私が殺したときに適用され、再実行されているwebpage-には適用されません。私は、次のインストールされている：

ember-cli-styles-reloader 

と私が追加しようとしている：

"liveReload": true, 
"watcher": "polling" 

へ：

.ember-cli 

、私はまた、これらのオプションを追加してみました：

ember-cli-build.js 

app変数内の

私には何が欠けていますか？

Answer 1

あり、私は信じてより良いオプションがある、と私はこの方法を行うことをお勧めします。

最初に（自動的にインストールされます）燃えさし-CLI-SASSを使用していますember-cli-sass-podsアドオンをインストールしてポッドにあなたのスタイルSCSSファイルを生成ディレクトリ。

app/components/user-login 
app/components/user-login/component.js 
app/components/user-login/template.hbs 
app/components/user-login/style.scss 

は、単に次のコマンドを実行します：

ember g style [path] -p //your path now is components/user-login 

その後、例えば

var app = new EmberApp(defaults, { 

    // you must add Watched folder to your Ember-Cli-Build.js 
    sassOptions: { 
     includePaths: ['app'] 
    } 

    }); 

を追加

ember install ember-cli-sass-pods 

をインストールする

さらに多くのオプションがあります。you can read their documents

これをインストールして設定したら、ember-cli-styles-reloaderを使用してスムーズに動作する可能性があります。 ember-cli-styles-reloaderを設定するために文書で言及したすべての規則に従っていることを確認してください。