NetBeans LESS CSS Preprocessor und Maven Resources

Die folgenden Pfade sollen dabei helfen, eine Übersicht darüber zu bekommen, wohin Ressourcen aus einem JEE-Webarchiv bei einem Maven-Buildvorgang kopiert werden. Als Beispiel soll eine CSS-Datei mit dem Namen test.css dienen.

Die Datei test.css aus dem Ordner src\main\webapp\resources\css wird bei einem Build-Vorgang mit Maven nach target\your-project\resources\css kopiert.

Möchte man mit NetBeans LESS-Dateien zu CSS-Dateien konvertiereren, so empfiehlt es sich diese unter src\main\webapp\resources\less abzuspeichern und im LESS-Compiler-Plugin als Input /resources/less und als Output ../webapp/resources/css einzustellen. Beim Editieren der LESS-Datei wird diese dann verarbeitet und durch den LESS-Compiler in src\main\webapp\resources\css abgelegt.

Sofern die Web-Applikation bereits durch NetBeans gestartet wurde, sorgt das automatische Redeployment von NetBeans dafür, dass die kompilierte LESS-Datei automatisch ins target-Verzeichnis kopiert wird und die aktuellen LESS-Änderungen übernommen werden.

In JSF-Seiten können CSS-Dateien aus src\main\webapp\resources\css übrigens über h:outputStylesheet library="css" name="test.css" eingebunden werden.

Man sollte die Pfade der verwendeten Ressourcen stets gründlich prüfen. Es gibt nämlich mehrere Ordner, aus denen Ressourcen geladen werden können.

Zum Beispiel:
target\your-project\resources
target\your-project\WEB-INF\classes\META-INF\resources
target\classes\META-INF\resources

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.