title: Is there any way to separate css and js libraries listing in head tag and reuse anytime in thymeleaf template engine (spring boot)?
body: <p>I am a newbie to Thymeleaf and Spring boot. I am working in a project that I dont want to rewrite js css libraries lising (actually this is about including js css libraries) two many times in two many files. Ex: I have a login.html, register.html, dashboard.html.</p>
  <p>These files share the same js and css libraries like styling, bootstrap, jquery, font-awesome...etc which will be defined (or listed) in  tag. Instead of rewriting js and css libraries definition many time, I just wonder I can find a way to separate js and css libraries inclusion and make it a completely individual file to reuse anytime.</p>
  <p>Is there any way to separate js, css libraries inclusion from login.html and register.html to avoid rewrite two many times?</p>
  <p>Sorry for my bad english. I really appreciate if anyone can help or suggest.</p>
  <p>EX: Login.html</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns:th=&quot;http://www.thymeleaf.org&quot; lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;title&gt;Login Form&lt;/title&gt;
  
      &lt;!-- Separate these libraries definition into one individual file, ex: layout.html and include it in any other thymeleaf file   --&gt;
      
      &lt;link rel=&quot;shortcut icon&quot; th:href=&quot;@{/assets/images/favicon.png}&quot; type=&quot;image/x-icon&quot;&gt;
      &lt;link rel=&quot;icon&quot; th:href=&quot;@{/assets/images/favicon.ico}&quot; type=&quot;image/x-icon&quot;&gt;
  
      &lt;!-- Google font--&gt;
      &lt;link href=&quot;https://fonts.googleapis.com/css?family=Ubuntu:400,500,700&quot; rel=&quot;stylesheet&quot;&gt;
  
      &lt;!-- Font Awesome --&gt;
      &lt;link th:href=&quot;@{/assets/css/font-awesome.min.css}&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
  
      &lt;!--ico Fonts--&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; th:href=&quot;@{/assets/icon/icofont/css/icofont.css}&quot;&gt;
  
      &lt;!-- Required Framework --&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; th:href=&quot;@{/assets/plugins/bootstrap/css/bootstrap.min.css}&quot;&gt;
  
      &lt;!-- waves css --&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; th:href=&quot;@{/assets/plugins/Waves/waves.min.css}&quot;&gt;
  
      &lt;!-- Style.css --&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; th:href=&quot;@{/assets/css/main.css}&quot;&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>