当scss文件在pod结构中更新时，Ember的肝脏负载不工作

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(将自动安装)，然后在你的pods目录中生成你的样式scss文件。

安装

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-style -reloader，这可能会顺利工作。确保您遵循了他们在文档中提到的设置ember-cli-style -reloader的所有规则。