Ember 在 pod 结构中更新 scss 文件时 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 文件生成到 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

还有更多选项 you can read their documents

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

Ember 在 pod 结构中更新 scss 文件时 livereload 不工作

Ember livereload not working when scss file updated in pod structure

sass

ember.js

livereload

ember-cli-pods