当 pod 结构中的 scss 文件更新时，Ember livereload 不起作用

Question

我有以下结构：

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

模板文件和组件文件 livereload 正确，但是，当我在 Atom 中保存对样式文件的更改时，这些更改不会应用到网页上 - 它们仅在我终止并重新运行时应用：

ember server

并重新加载网页。我已经安装了以下内容：

ember-cli-styles-reloader

我已经尝试添加：

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

到：

.ember-cli

我还尝试将这些选项添加到：

ember-cli-build.js

在 app 变量中。

我错过了什么？

Answer 1

我相信有更好的选择，我建议这样做：

首先安装使用 ember-cli-sass 的 ember-cli-sass-pods 插件（将自动安装），然后将您的样式 scss 文件生成到您的 pod 目录中。

安装

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

you can read their documents还有更多选项

在安装和设置之后，您就可以使用 ember-cli-styles-reloader 了，这可能会顺利运行。确保您已遵循他们在文档中提到的所有规则来设置 ember-cli-styles-reloader。