0

私は次の構造を持っています：

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

テンプレート ファイルとコンポーネント ファイルは正しく livereload されますが、Atom でスタイル ファイルに変更を保存すると、変更は Web ページに適用されません。強制終了して再実行した場合にのみ適用されます。

ember server

ウェブページをリロードします。私は以下をインストールしました：

ember-cli-styles-reloader

そして私は追加しようとしました:

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

に：

.ember-cli

また、これらのオプションを次のように追加しようとしました：

ember-cli-build.js

アプリ変数内。

私は何が欠けていますか？

4

1 に答える 1

1

私が信じているより良いオプションがあり、次の方法をお勧めします。

最初に ember-cli-sass を使用する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-styles-reloader を使用できるようになります。ドキュメントに記載されているすべてのルールに従って、ember-cli-styles-reloader をセットアップしたことを確認してください。

于 2016-11-07T02:03:00.020 に答える