Welchen Zweck hat css/scss?

Question

Ich frage mich nur, warum müssen wir unsere PHP/HTML-Projekte auf einen Compiler setzen? Warum steuern wir es nicht einfach und erhalten dann die gewünschten Ergebnisse? Worauf ich hinweisen möchte ist, dass der Unterschied zwischen der Verwendung eines Compilers und der Verwendung der einfachen Strg-Taste beim Speichern einer Webanwendung besteht. Vielen Dank. :)

Answer 1

Ich bin verwirrt. Der Fragetitel bezieht sich auf das Kompilieren von CSS/SCSS, die Frage bezieht sich auf das Kompilieren von PHP/HTML. Da Sie die Frage mit sass getaggt haben, nehme ich an, dass Sie fragen, warum wir SASS zu CSS kompilieren müssen, anstatt nur die SASS-Datei in unsere Projekte aufnehmen zu können?

Wenn das ist Ihre Frage, es ist, weil SASS nicht immer gültig CSS selbst ist. Es ist eine entwicklerfreundlichere Art, CSS zu schreiben, weil wir in SASS Styles erben können. Zum Beispiel können wir eine grundlegende CSS-Klasse definieren, die die Schriftgröße und das Gewicht festlegt (z. B. .arial-big), und dann können wir diese in anderen Klassen erben, die die Farbe festlegen (z. B. .arial-big-red und .arial-big-green). Wir müssen die Schriftgröße und das Gewicht in diesen Klassen nicht festlegen, da wir einfach von .arial-big erben können. Basic CSS unterstützt dies nicht. Wenn Sie keines dieser Features verwenden und Ihre SASS-Dateien bereits gültigen CSS-Code enthalten, warum verwenden Sie dann SASS?

Nun, das ist ein sehr einfaches Beispiel, es ist normalerweise viel komplizierter als das und es ist möglich, von mehreren CSS-Klassen in SASS zu erben. Aber wie ich schon sagte, das ist im regulären CSS nicht gültig, also müssen wir unser SASS in Basis-CSS kompilieren, das Browser verstehen.

Wenn Sie Ihre SASS automatisch bei jeder Änderung in CSS kompilieren möchten, ist das durchaus möglich. Die JetBrains-Suite von Editoren unterstützt Dateibeobachter, die automatisch einen Befehl auslösen können, wenn eine Datei geändert wird. Sie können festlegen, dass der Compiler aufgerufen wird, wenn Sie STRG + S in einer SASS-Datei drücken. Wenn Sie einen anderen Editor verwenden, verfügen diese möglicherweise über ähnliche Funktionen, oder Sie können wahrscheinlich dieselben grundlegenden Betriebssystemfunktionen verwenden. Ich bin mir nicht sicher über Windows, aber in Linux können Sie inotify/incron verwenden und OS X hat seine eigenen File-Watcher-Funktionen, mit denen Sie den Compiler aufrufen können, wenn sich eine Datei ändert.

Bearbeiten: Wenn Sie SASS in einem PHP-Projekt verwenden, gibt es Bibliotheken, die SASS zu CSS on-the-fly kompilieren, wenn der Besucher versucht, das CSS zu laden. Anstatt ein <link> -Tag zu verwenden, das auf eine vorkompilierte CSS-Datei verweist, können Sie eines haben, das auf eine PHP-Datei verweist, die zu dieser Bibliothek gehört, und es wird die SASS-Dateien zu diesem Zeitpunkt kompilieren. Ein Beispiel dafür ist panique/php-sass.