Ember livereload не работает, когда файл scss обновлен в структуре pod

Question

У меня есть следующая структура:

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

Файлы шаблонов и файлы компонентов корректно загружаются, однако, когда я сохраняю изменения в своих файлах стилей в Atom, изменения не применяются на веб-странице - они применяются только тогда, когда я убиваю и перезапускаю:

ember server

и перезагрузите веб-страницу. Я установил следующее:

ember-cli-styles-reloader

и я попытался добавить:

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

чтобы:

.ember-cli

и я также попытался добавить эти параметры в:

ember-cli-build.js

внутри переменной приложения.

Что мне не хватает?

Answer 1

Я считаю, что есть лучший вариант, и я рекомендую сделать так:

Сначала установите дополнение ember-cli-sass-pods, которое использует ember-cli-sass (установится автоматически), а затем сгенерируйте ваши scss-файлы стиля в каталогах pods.

установить

ember install ember-cli-sass-pods

затем добавьте

  var app = new EmberApp(defaults, {

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

  });

Например:

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

Есть еще варианты, которые вы можете прочитать их документы

После установки и настройки вы можете использовать ember-cli-styles-reloader, который, вероятно, будет работать без сбоев. убедитесь, что вы выполнили все правила, упомянутые в своих документах, для настройки ember-cli-styles-reloader.