ember.js - Ember livereload not working when scss file updated in pod structure -

i have following structure:

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

template files , component files livereload correctly, however, when save changes style files in atom changes not applied on webpage- applied when kill , rerun:

ember server 

and reload webpage. have installed following:

ember-cli-styles-reloader 

and have tried adding:

"livereload": true, "watcher": "polling" 

to:

.ember-cli 

and tried adding these options to:

ember-cli-build.js 

inside app variable.

what missing?

there better option believe, , recommend way:

first install ember-cli-sass-pods addon uses ember-cli-sass (will install automatically) , generate style scss files pods directories.

to install

ember install ember-cli-sass-pods 

then add

  var app = new emberapp(defaults, {      // must add watched folder ember-cli-build.js     sassoptions: {       includepaths: ['app']     }    }); 

for example:

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

just run command:

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

there more options you can read documents

you ,after installing , setting that, able use ember-cli-styles-reloader work smoothly. make sure have followed rules mentioned in documents set ember-cli-styles-reloader.