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 - - - + + +