mit Browsersync mit Rails - beobachten Sie die kompilierte CSS-Datei

Question

Ich versuche browser sync mit Schienen zu verwenden, die Asset-Pipeline verwenden.

Ich versuche browsersync in meiner Rails App zu verwenden. Es hat viele wunderbare Funktionen, beobachten CSS-Dateien für Änderungen und diese Änderungen auf der Seite zu injizieren ist eine dieser Funktionen.

Standardmäßig kompiliert rails kompiliert Sass zu CSS, wenn sie angefordert werden. Also, afaik, es ist nicht möglich, browsersync den Pfad zur app.css anzugeben.

In meiner Browser Sync-Konfigurationsdatei -

files: ["rails/doesnt/have/the/css/yet/application/so/i/dont/know.what/to/do.css", ] 

Wenn ich darauf die Config auf den sass Dateien, die Seite neu geladen (vollständige Aktualisierung), anstatt die Änderungen zu injizieren. Das ist schlecht. Ich möchte, dass die CSS-Änderungen auf der Seite erscheinen.

Wer weiß, wie ich Browsersync auf das kompilierte CSS zeigen kann?

files: ["assets/application.css"] 

(Nicht SCSS)

Das gleiche wird für Ihre Javascripts wahr sein:

Answer 1

Wenn dies in der Entwicklung ist, dann würden Sie Ihre Konfiguration aussehen soll. Wenn Sie Probleme bei der Suche nach einem Asset haben, versuchen Sie, es mithilfe des Helper "Asset-Pfad" ("Name des Assets") auf einer Seite auszugeben.