0

我有以下结构：

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 变量中。

我错过了什么？

4

1 回答 1

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

还有更多选项可以阅读他们的文档

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

于 2016-11-07T02:03:00.020 回答