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

在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。

在pod结构中更新scss文件时，Ember livereload无法正常工作

1 个答案: