Ich habe ein Projekt, das einige CSS-Dateien in verschiedenen Ordnern hat und ich möchte sie automatisch zu einer endgültigen/Live-Datei kombinieren.PHPStorm - Kombinieren Sie CSS-Dateien vor der Verkleinerung mit Dateibeobachter
Während der Entwicklung möchte ich, dass sie getrennt sind. Ich möchte nicht @import innerhalb der CSS-Dateien verwenden.
Dateibeobachter in PhpStorm klingen für mich, wie sie dazu in der Lage sein sollten. Weil ich eine GUI brauche.
Ich bin nicht bequem mit der Befehlszeile. Aber ich habe YUI Compressor mit dieser step-by-step-guide gestartet und ausgeführt. Dieses Setup komprimiert alle meine CSS-Dateien. Nicht wirklich benötigt, nur um eine Datei zu komprimieren. Ich habe auch gelernt, dass YUI Compressor Dateien nicht kombinieren kann.
Ich möchte folgende Workflow-Datei ändern:
- CSS-Dateien in der richtigen Reihenfolge in einer Datei kombinieren
- Minify die eine CSS-Datei und sicher es
Kann jemand Liste aus :
- Welches Knotenmodul zu installieren und den Befehl für das
- So konfigurieren Sie die Dateiliste und die Reihenfolge. Irgendwelche Befehle dafür? Dateibearbeitung?
- Wie minification nach Beendigung der Kombination
PS zu starten: Wenn es eine Anwendung mit einer grafischen Benutzeroberfläche ist, die außerhalb von PhpStorm diese auf Dateiänderung tun können es auch eine Option sein würde. (CodePen unterstützt CSS nicht, nur SCSS und WENIGER)
Sie können mehrere Dateiwächter einrichten - wenn sie die gleichen Dateien sehen, werden sie nacheinander ausgeführt. Als Alternative - erstellen Sie ein Stapel-/Shell-Skript, das diese Aufgabe (alle Aufgaben) ausführt, und verwenden Sie es dann als Dateiwächterprogramm. P.S. Werfen Sie einen Blick auf Schluck/Grunt oder andere Aufgaben/Build-Systeme - sie sind für solche Aufgaben gemacht. IDE unterstützt gulp/grunt - so können Sie ihre Aufgaben jederzeit manuell ausführen ... oder als Dateiwatcher verwenden .. oder verwenden Sie einfach das 'watch'-Modul, um sie automatisch im Hintergrund außerhalb von IDE auszuführen. – LazyOne