From: Kai Moritz Date: Tue, 27 Jun 2017 08:49:37 +0000 (+0200) Subject: WIP: less.js ausgebaut X-Git-Url: http://juplo.de/gitweb/?a=commitdiff_plain;h=7a44df939822a58bfa2438cca372a624724c60aa;p=website WIP: less.js ausgebaut --- diff --git a/dist/thymeleaf/about.html b/dist/thymeleaf/about.html index 16386539..ffed3fb6 100644 --- a/dist/thymeleaf/about.html +++ b/dist/thymeleaf/about.html @@ -9,9 +9,9 @@ About - - - + + + diff --git a/dist/thymeleaf/agb.html b/dist/thymeleaf/agb.html index 22b3f0e7..25a74a92 100644 --- a/dist/thymeleaf/agb.html +++ b/dist/thymeleaf/agb.html @@ -9,9 +9,9 @@ Allgemeine Geschäftsbedingungen (AGB) - - - + + + diff --git a/dist/thymeleaf/blog.html b/dist/thymeleaf/blog.html index dfe18928..a1eb8d5f 100644 --- a/dist/thymeleaf/blog.html +++ b/dist/thymeleaf/blog.html @@ -9,9 +9,9 @@ Blog - - - + + + @@ -28,7 +28,7 @@ diff --git a/dist/thymeleaf/blog/article.html b/dist/thymeleaf/blog/article.html index 2873911f..f5d6b58b 100644 --- a/dist/thymeleaf/blog/article.html +++ b/dist/thymeleaf/blog/article.html @@ -9,9 +9,9 @@ juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources - - - + + + @@ -50,11 +50,11 @@ <groups xmlns="http://www.isdc.ro/wro"> <group name="base"> - <css>/less/base/*.css</css> + <css>/css/base/*.css</css> </group> -

wro4j looks for /less/base/*.css inside the root of the web-context, which is equal to src/main/webapp in a normal maven-project. There are other ways to specifie the resources, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.

+

wro4j looks for /css/base/*.css inside the root of the web-context, which is equal to src/main/webapp in a normal maven-project. There are other ways to specifie the resources, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.

wro.properties

wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert *.css-sources into CSS and do that on every request:

@@ -205,7 +205,7 @@

The filter processes any URI’s that end with .css. This way, the wro4j servlet-filter makes base.css available under any path, because for exampl /base.css, /css/base.css and /foo/bar/base.css all end with .css.

-

This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to /what/you/like/base.css. (But do not forget to put some LESS-files in src/main/webapp/less/base/ first!)

+

This is all, that is needed to develop with dynamically reloadable compiled LESS-resources. Just fire up your browser and browse to /what/you/like/base.css. (But do not forget to put some LESS-files in src/main/webapp/css/base/ first!)

Step 3: Install wro4j-maven-plugin

All that is left over to configure now, is the build-process. If you would build and deploy your webapp now, the CSS-file base.css would not be generated and the link to your stylesheet, that already works in our jetty-maven-plugin environment would point to a 404. Hence, we need to set up the wro4j-maven-plugin. I am using this configuration:

@@ -253,7 +253,7 @@
           
We only scrached the surface, of what can be done with wro4j. Based on this configuration, you can easily enable additional features to fine-tune your final build for maximum speed. You really should take a look at the list of available Processors!

         
         
       
       
diff --git a/dist/thymeleaf/blog/comments.html b/dist/thymeleaf/blog/comments.html
index 5f6f4c75..78f45ce8 100644
--- a/dist/thymeleaf/blog/comments.html
+++ b/dist/thymeleaf/blog/comments.html
@@ -9,9 +9,9 @@
     juplo - blog - hibernate4-maven-plugin
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/contact.html b/dist/thymeleaf/contact.html
index 51c8d720..de91419d 100644
--- a/dist/thymeleaf/contact.html
+++ b/dist/thymeleaf/contact.html
@@ -9,9 +9,9 @@
     Contact
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/datenschutz.html b/dist/thymeleaf/datenschutz.html
index 2b16711e..9cee8d2c 100644
--- a/dist/thymeleaf/datenschutz.html
+++ b/dist/thymeleaf/datenschutz.html
@@ -9,9 +9,9 @@
     Datenschutz
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/expertise.html b/dist/thymeleaf/expertise.html
index 0322b650..d6a7798d 100644
--- a/dist/thymeleaf/expertise.html
+++ b/dist/thymeleaf/expertise.html
@@ -9,9 +9,9 @@
     Expertise
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/google-analytics.html b/dist/thymeleaf/google-analytics.html
index e67c603c..9be2e819 100644
--- a/dist/thymeleaf/google-analytics.html
+++ b/dist/thymeleaf/google-analytics.html
@@ -9,9 +9,9 @@
     Google Analytics
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/haftung-inhalte.html b/dist/thymeleaf/haftung-inhalte.html
index c80281b5..f458af61 100644
--- a/dist/thymeleaf/haftung-inhalte.html
+++ b/dist/thymeleaf/haftung-inhalte.html
@@ -9,9 +9,9 @@
     Haftung für Inhalte
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/haftung-links.html b/dist/thymeleaf/haftung-links.html
index ceb39ca7..0d1f214e 100644
--- a/dist/thymeleaf/haftung-links.html
+++ b/dist/thymeleaf/haftung-links.html
@@ -9,9 +9,9 @@
     Haftung für Links
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/impressum.html b/dist/thymeleaf/impressum.html
index 91446d7a..935eaf37 100644
--- a/dist/thymeleaf/impressum.html
+++ b/dist/thymeleaf/impressum.html
@@ -9,9 +9,9 @@
     Impressum
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/index.html b/dist/thymeleaf/index.html
index c5efa6ba..eea8d77b 100644
--- a/dist/thymeleaf/index.html
+++ b/dist/thymeleaf/index.html
@@ -9,9 +9,9 @@
     Home
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects.html b/dist/thymeleaf/projects.html
index a0416cf2..96b5709c 100644
--- a/dist/thymeleaf/projects.html
+++ b/dist/thymeleaf/projects.html
@@ -9,9 +9,9 @@
     Projects
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/accelerator.html b/dist/thymeleaf/projects/accelerator.html
index 7cf00042..15fb731a 100644
--- a/dist/thymeleaf/projects/accelerator.html
+++ b/dist/thymeleaf/projects/accelerator.html
@@ -9,9 +9,9 @@
     
     
     Fix SWF - Overview
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/fix-swf/getting-started.html b/dist/thymeleaf/projects/fix-swf/getting-started.html
index ba170637..6547ad1f 100644
--- a/dist/thymeleaf/projects/fix-swf/getting-started.html
+++ b/dist/thymeleaf/projects/fix-swf/getting-started.html
@@ -9,9 +9,9 @@
     Fix SWF - Getting Started
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/fix-swf/overview.html b/dist/thymeleaf/projects/fix-swf/overview.html
index 5bcc1542..5c3391fc 100644
--- a/dist/thymeleaf/projects/fix-swf/overview.html
+++ b/dist/thymeleaf/projects/fix-swf/overview.html
@@ -9,9 +9,9 @@
     
     
     Fix SWF - Overview
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/html-experimente.html b/dist/thymeleaf/projects/html-experimente.html
index 892da3e3..c0bc7f75 100644
--- a/dist/thymeleaf/projects/html-experimente.html
+++ b/dist/thymeleaf/projects/html-experimente.html
@@ -10,9 +10,9 @@
     HTML-Experimente
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/html-experimente/basis-layout.html b/dist/thymeleaf/projects/html-experimente/basis-layout.html
index 57621001..ad332a9f 100644
--- a/dist/thymeleaf/projects/html-experimente/basis-layout.html
+++ b/dist/thymeleaf/projects/html-experimente/basis-layout.html
@@ -9,7 +9,7 @@
   
     HTML-Experimente - Basis-Layout
     
-    
+    
     
   
   
diff --git a/dist/thymeleaf/projects/html-experimente/breadcrumb.html b/dist/thymeleaf/projects/html-experimente/breadcrumb.html
index e4c0549e..4012a0bd 100644
--- a/dist/thymeleaf/projects/html-experimente/breadcrumb.html
+++ b/dist/thymeleaf/projects/html-experimente/breadcrumb.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Langer Breadcrumb
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/html-experimente/error.html b/dist/thymeleaf/projects/html-experimente/error.html
index 1961f7f3..4a6122d4 100644
--- a/dist/thymeleaf/projects/html-experimente/error.html
+++ b/dist/thymeleaf/projects/html-experimente/error.html
@@ -7,9 +7,9 @@
   
     This Page Will Raise An Error
     
-    
-    
-    
+    
+    
+    
   
   
   
diff --git a/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html b/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
index 22484bec..1d561fab 100644
--- a/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
+++ b/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html b/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
index 43743466..28205680 100644
--- a/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
+++ b/dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Fast leere einspaltige Seite
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git "a/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" "b/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
index 3de8efb9..7e62c3e7 100644
--- "a/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
+++ "b/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
@@ -10,9 +10,9 @@
     HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git "a/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html" "b/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html"
index d6d88262..309274f5 100644
--- "a/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html"
+++ "b/dist/thymeleaf/projects/html-experimente/fast-leer-kein-men\303\274.html"
@@ -10,9 +10,9 @@
     HTML-Experimente - Fast leere Seite ohne Menü
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git "a/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" "b/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
index cb177dbf..406ddad6 100644
--- "a/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
+++ "b/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
@@ -10,9 +10,9 @@
     HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git "a/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html" "b/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html"
index 8902bdd4..c72b1546 100644
--- "a/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html"
+++ "b/dist/thymeleaf/projects/html-experimente/fast-leer-mit-men\303\274.html"
@@ -10,9 +10,9 @@
     HTML-Experimente - Fast leere Seite mit Menü
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/html-experimente/formulare.html b/dist/thymeleaf/projects/html-experimente/formulare.html
index ab872e32..104dbf7e 100644
--- a/dist/thymeleaf/projects/html-experimente/formulare.html
+++ b/dist/thymeleaf/projects/html-experimente/formulare.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Formulare
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/html-experimente/symbole.html b/dist/thymeleaf/projects/html-experimente/symbole.html
index 0716c364..36324643 100644
--- a/dist/thymeleaf/projects/html-experimente/symbole.html
+++ b/dist/thymeleaf/projects/html-experimente/symbole.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Symbol-Font
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/html-experimente/testlab.html b/dist/thymeleaf/projects/html-experimente/testlab.html
index fc5defc6..b4102e2f 100644
--- a/dist/thymeleaf/projects/html-experimente/testlab.html
+++ b/dist/thymeleaf/projects/html-experimente/testlab.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Media-Query-Test: BEISPIEL
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/projects/typo.html b/dist/thymeleaf/projects/typo.html
index 0ce26384..1bcb87e4 100644
--- a/dist/thymeleaf/projects/typo.html
+++ b/dist/thymeleaf/projects/typo.html
@@ -9,9 +9,9 @@
     Typography
     
     
-    
-    
-    
+    
+    
+    
     
     
     
diff --git a/dist/thymeleaf/references.html b/dist/thymeleaf/references.html
index 6424f667..f8453496 100644
--- a/dist/thymeleaf/references.html
+++ b/dist/thymeleaf/references.html
@@ -9,9 +9,9 @@
     References
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/templates/404.html b/dist/thymeleaf/templates/404.html
index 658f885e..93ddb3d5 100644
--- a/dist/thymeleaf/templates/404.html
+++ b/dist/thymeleaf/templates/404.html
@@ -9,9 +9,9 @@
     404: Page Not Found!
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/templates/error.html b/dist/thymeleaf/templates/error.html
index 1e5a6c48..3e861324 100644
--- a/dist/thymeleaf/templates/error.html
+++ b/dist/thymeleaf/templates/error.html
@@ -9,9 +9,9 @@
     An Unexpected Error Occured!
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/templates/fragments.html b/dist/thymeleaf/templates/fragments.html
index 3b668511..f69d1652 100644
--- a/dist/thymeleaf/templates/fragments.html
+++ b/dist/thymeleaf/templates/fragments.html
@@ -3,9 +3,9 @@
   
     Fragments
     
-    
-    
-    
+    
+    
+    
     
   
   
diff --git a/dist/thymeleaf/templates/layout.html b/dist/thymeleaf/templates/layout.html
index 0b77b611..5ec3e9aa 100644
--- a/dist/thymeleaf/templates/layout.html
+++ b/dist/thymeleaf/templates/layout.html
@@ -9,9 +9,9 @@
     juplo - BASISTEMPLATE
     
     
-    
-    
-    
+    
+    
+