Realtime CSS / Less / Scss Edition mit Chrome DevTools in Meteor

Ich möchte diese Frage erneut stellen .

Was wurde in der Antwort auf vorgeschlagen > Frage ist, altmodischen Ansatz zu verwenden:

1. Speichern Sie css im Ordner public und geben Sie ihn über <link href= ein.
2. Fügen Sie public Ordner zu google chrome devtools workspace hinzu

Keine Raketenwissenschaft überhaupt. Works, aber zwei Dinge, die ich nicht mit diesem Ansatz mag:

1. Es ist immer noch nicht nativ und für die Produktion muss ich Dateien aus public Ordner
verschieben
2. Jedes Mal, wenn Sie css bearbeiten, bemerkt Meteor Änderungen und lädt die Anwendung neu. Der Autor von diese Antwort hat es ignoriert.

Grundsätzlich möchte ich folgendes Ergebnis:

• Ich starte meteor project, öffne chrome developer tools
• Jedes Mal, wenn ich css in den Chrome-Entwicklertools bearbeite, wird es automatisch im Projekt geändert.

Probleme:

• Meteor führt die Verkettung aller CSS-Dateien mit --debug flag on durch. Aber bietet Quellkarten.
• Meteor wird immer noch nach Dateiänderungen neu laden, aber zum Glück für Styles, die meteor soft injection ausführt, würde ich es nennen, damit die Seite nicht wirklich neu geladen wird. Es ist in Ordnung und nicht wirklich ein Problem.

Wegen des ersten Problems und dieses Bugs kann ich nicht funktionieren.

Diese Funktion ist für mich in Bezug auf Produktivität sehr wichtig.

Ich würde eine gute Belohnung für einen Guru anbieten, der mir eine Richtung geben könnte, dies zu lösen. Vielleicht weist ihr mich auf einige Startpunkte hin, um ein Plugin für Chrome zu machen, das wäre auch akzeptabel