Thymeleaf Jawr Extension
<dependency>
<groupId>com.github.dtrunk90</groupId>
<artifactId>thymeleaf-jawr-extension</artifactId>
<version>2.0.3</version>
</dependency>Attributes
All attributes need to be prefixed by jawr:.
To avoid IDE warnings you can add the namespace as follows:
<html xmlns:jawr="http://jawr.java.net" xmlns:th="http://www.thymeleaf.org"></html>Javascript attributes:
| Attribute name | Type | Purpose | Default value |
|---|---|---|---|
| src | String | The bundle path. | |
| useRandomParam | Boolean | The flag indicating if we must use random parameter in debug mode. | true |
| async | Boolean | The async flag. | false |
| defer | Boolean | The defer flag. | false |
| type | String | The type attribute. | text/javascript |
| crossorigin | String | The crossorigin attribute. |
CSS attributes:
| Attribute name | Type | Purpose | Default value |
|---|---|---|---|
| href | String | The bundle path. | |
| media | String | The media attribute of the stylesheet. | screen |
| title | String | The title to use for the style. | |
| useRandomParam | Boolean | The flag indicating if we must use random parameter in debug mode. | true |
| alternate | Boolean | This flag is used to render link as an alternate style. | false |
| displayAlternate | Boolean | This flag is used to render the skin variants of the CSS bundle as alternate style. | false |
Expression object #jawr
${#jawr.imagePath(String src)} // base64 defaults to false
${#jawr.imagePath(String src, boolean base64)}It's important to note that Jawr will generate the base64 encoded image for all browsers except IE6 and IE7, which doesn't handle base64 encoded images.
Usage examples
Javascript bundle:
<script type="text/javascript" src="jquery.min.js" jawr:src="/lib.js"></script>CSS bundle:
<link rel="stylesheet/less" type="text/css" href="main.less" jawr:href="/all.css" />Image:
<img src="../resources/img/dummy.png" alt="" th:src="${#jawr.imagePath('/resources/img/dummy.png')}" />Image input:
<input type="image" src="../resources/img/dummy.png" th:src="${#jawr.imagePath('/resources/img/dummy.png')}" />You can use expressions as well:
<script type="text/javascript" src="index.js" jawr:src="|/${pageName}.js|"></script>