From: Kai Moritz Date: Tue, 27 Jun 2017 08:49:37 +0000 (+0200) Subject: WIP: less.js ausgebaut X-Git-Tag: frontend--juplo--home-kai~7 X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=7f89c0ddca2102bbc18d4fb4b4f20147361ce857;p=website WIP: less.js ausgebaut --- diff --git a/dist/thymeleaf/about.html b/dist/thymeleaf/about.html index 21e4aaf4..5fdf15ab 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 70cb0bb2..107f92a6 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 d513c1f4..b065c0e9 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 dbfd8656..9e0e6dfc 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 7020e309..7a1540b6 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 51fa169d..f5312b39 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 8465c5a5..4bc7700e 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 be7b84df..77939de5 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 34fd688c..51dc739a 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 bb3dfc7d..3cb2c9ed 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 a4e09f86..59ba02e3 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 af3f85f8..d6139e5b 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 13616759..1b3cf1ca 100644
--- a/dist/thymeleaf/index.html
+++ b/dist/thymeleaf/index.html
@@ -9,9 +9,9 @@
     Home
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/accelerator.html b/dist/thymeleaf/potemkin/accelerator.html
index e9f635b4..b0cd04d8 100644
--- a/dist/thymeleaf/potemkin/accelerator.html
+++ b/dist/thymeleaf/potemkin/accelerator.html
@@ -9,9 +9,9 @@
     
     
     Fix SWF - Overview
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/fix-swf/getting-started.html b/dist/thymeleaf/potemkin/fix-swf/getting-started.html
index a06593c9..39f78650 100644
--- a/dist/thymeleaf/potemkin/fix-swf/getting-started.html
+++ b/dist/thymeleaf/potemkin/fix-swf/getting-started.html
@@ -9,9 +9,9 @@
     Fix SWF - Getting Started
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/fix-swf/overview.html b/dist/thymeleaf/potemkin/fix-swf/overview.html
index 335ea79f..c7b1003f 100644
--- a/dist/thymeleaf/potemkin/fix-swf/overview.html
+++ b/dist/thymeleaf/potemkin/fix-swf/overview.html
@@ -9,9 +9,9 @@
     
     
     Fix SWF - Overview
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/html-experimente.html b/dist/thymeleaf/potemkin/html-experimente.html
index f76adc80..8d70d50c 100644
--- a/dist/thymeleaf/potemkin/html-experimente.html
+++ b/dist/thymeleaf/potemkin/html-experimente.html
@@ -10,9 +10,9 @@
     HTML-Experimente
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/html-experimente/basis-layout.html b/dist/thymeleaf/potemkin/html-experimente/basis-layout.html
index bd464c32..2b7b9597 100644
--- a/dist/thymeleaf/potemkin/html-experimente/basis-layout.html
+++ b/dist/thymeleaf/potemkin/html-experimente/basis-layout.html
@@ -9,7 +9,7 @@
   
     HTML-Experimente - Basis-Layout
     
-    
+    
     
   
   
diff --git a/dist/thymeleaf/potemkin/html-experimente/breadcrumb.html b/dist/thymeleaf/potemkin/html-experimente/breadcrumb.html
index 99550758..0f66f31d 100644
--- a/dist/thymeleaf/potemkin/html-experimente/breadcrumb.html
+++ b/dist/thymeleaf/potemkin/html-experimente/breadcrumb.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Langer Breadcrumb
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/html-experimente/error.html b/dist/thymeleaf/potemkin/html-experimente/error.html
index e4fb78d1..afb2c75f 100644
--- a/dist/thymeleaf/potemkin/html-experimente/error.html
+++ b/dist/thymeleaf/potemkin/html-experimente/error.html
@@ -7,9 +7,9 @@
   
     This Page Will Raise An Error
     
-    
-    
-    
+    
+    
+    
   
   
   
diff --git a/dist/thymeleaf/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html b/dist/thymeleaf/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
index 1e311036..742f10d2 100644
--- a/dist/thymeleaf/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
+++ b/dist/thymeleaf/potemkin/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/potemkin/html-experimente/fast-leer-einspaltig.html b/dist/thymeleaf/potemkin/html-experimente/fast-leer-einspaltig.html
index 77f82a53..6b2dd8c5 100644
--- a/dist/thymeleaf/potemkin/html-experimente/fast-leer-einspaltig.html
+++ b/dist/thymeleaf/potemkin/html-experimente/fast-leer-einspaltig.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Fast leere einspaltige Seite
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git "a/dist/thymeleaf/potemkin/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html" "b/dist/thymeleaf/potemkin/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
index fae19462..31cac2ef 100644
--- "a/dist/thymeleaf/potemkin/html-experimente/fast-leer-kein-men\303\274-aber-marginalinhalt.html"
+++ "b/dist/thymeleaf/potemkin/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/potemkin/html-experimente/fast-leer-kein-men\303\274.html" "b/dist/thymeleaf/potemkin/html-experimente/fast-leer-kein-men\303\274.html"
index a1d31c84..bfe2d438 100644
--- "a/dist/thymeleaf/potemkin/html-experimente/fast-leer-kein-men\303\274.html"
+++ "b/dist/thymeleaf/potemkin/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/potemkin/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html" "b/dist/thymeleaf/potemkin/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
index 9cfe3b17..06fe48c0 100644
--- "a/dist/thymeleaf/potemkin/html-experimente/fast-leer-mit-men\303\274-und-marginalinhalt.html"
+++ "b/dist/thymeleaf/potemkin/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/potemkin/html-experimente/fast-leer-mit-men\303\274.html" "b/dist/thymeleaf/potemkin/html-experimente/fast-leer-mit-men\303\274.html"
index b63dad16..b4452cb1 100644
--- "a/dist/thymeleaf/potemkin/html-experimente/fast-leer-mit-men\303\274.html"
+++ "b/dist/thymeleaf/potemkin/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/potemkin/html-experimente/formulare.html b/dist/thymeleaf/potemkin/html-experimente/formulare.html
index ef077dde..46dec683 100644
--- a/dist/thymeleaf/potemkin/html-experimente/formulare.html
+++ b/dist/thymeleaf/potemkin/html-experimente/formulare.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Formulare
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/html-experimente/symbole.html b/dist/thymeleaf/potemkin/html-experimente/symbole.html
index a129227e..c1928cdc 100644
--- a/dist/thymeleaf/potemkin/html-experimente/symbole.html
+++ b/dist/thymeleaf/potemkin/html-experimente/symbole.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Symbol-Font
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/html-experimente/testlab.html b/dist/thymeleaf/potemkin/html-experimente/testlab.html
index fbd18987..cba6474d 100644
--- a/dist/thymeleaf/potemkin/html-experimente/testlab.html
+++ b/dist/thymeleaf/potemkin/html-experimente/testlab.html
@@ -10,9 +10,9 @@
     HTML-Experimente - Media-Query-Test: BEISPIEL
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/potemkin/typo.html b/dist/thymeleaf/potemkin/typo.html
index a2b6c77f..8d7d6b96 100644
--- a/dist/thymeleaf/potemkin/typo.html
+++ b/dist/thymeleaf/potemkin/typo.html
@@ -9,9 +9,9 @@
     Typography
     
     
-    
-    
-    
+    
+    
+    
     
     
     
diff --git a/dist/thymeleaf/projects.html b/dist/thymeleaf/projects.html
index 18dae3ec..01f0b1be 100644
--- a/dist/thymeleaf/projects.html
+++ b/dist/thymeleaf/projects.html
@@ -9,9 +9,9 @@
     Projects
     
     
-    
-    
-    
+    
+    
+    
     
     
   
diff --git a/dist/thymeleaf/references.html b/dist/thymeleaf/references.html
index 061f65f0..9e60752b 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 4143657e..127e1a33 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 3b7f4d95..4584f198 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 5478b2dc..52ba05b9 100644
--- a/dist/thymeleaf/templates/layout.html
+++ b/dist/thymeleaf/templates/layout.html
@@ -9,9 +9,9 @@
     juplo - BASISTEMPLATE
     
     
-    
-    
-    
+    
+    
+