.less Dateien in Visual Studio 2015 Update 2

Question

Ich habe ein neu erstelltes ASP.net 5 MVC 6 Projekt in Visual Studio 2015 Update 2. Die Jungs wie Microsoft haben große Fortschritte gemacht die integrierte UI-Unterstützung für Bower, Grunt etc zu verbessern Also entschied ich, dass es an der Zeit war, herauszufinden, dass ich weniger anstelle von CSS verwenden sollte. Sieht so aus, als ob es jetzt einfach sein sollte, aber ich finde keine guten Artikel zu diesem Thema in VS 2015 Update 2 mit all den netten neuen UI-Elementen.

Gibt es irgendwo eine gute Beschreibung? Ist es einfach oder müssen Sie noch manuell Einträge in verschiedenen JSON-Dateien erstellen?

Danke.

Answer 1

Ich würde mit der Installation der Erweiterung WebCompiler beginnen. Es kompiliert Ihre .less-Dateien in CSS, einschließlich der verkleinerten Version, jedes Mal, wenn Sie eine Änderung vornehmen oder speichern und speichern.

Alles, was Sie tun müssen, ist, Ihre .less-Dateien in Ihrem Ordner Inhalt hinzuzufügen, klicken Sie mit der rechten Maustaste darauf und wählen Sie Web Compiler> Datei kompilieren. Diese einzige Operation wird nur beim ersten Hinzufügen einer neuen less-Datei benötigt.

Die Erweiterung wird eine JSON-Datei zu Ihrer Lösung compilerconfig.json genannt hinzufügen, wo Sie einige Konfigurationsparameter festlegen können, wie zum Beispiel, wenn Sie auch die verkleinerte Version oder nicht benötigen.

Wenn Sie es auf alle richtig eingestellt, werden Sie dies in Ihrem Task-Runner Explorer sehen: