Spring Boot + ThymeleafでWebjarsを使用

Posted at 2024-07-10

pom設定

pom.xml

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
	<version>5.0.2</version>
</dependency>
<dependency>
	<groupId>org.webjars</groupId>
	<artifactId>jquery</artifactId>
	<version>3.4.1</version>
</dependency>

versionには使用するBootstrap,jQueryのバージョンを指定

Thymeleafでの設定

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" th:href="@{/webjars/bootstrap/5.0.2/css/bootstrap.min.css}" />
</head>
<body>

<!-- jQuery -->
<script th:src="@{/webjars/jquery/3.4.1/jquery.min.js}"></script>
<!-- Bootstrap JS -->
<script th:src="@{/webjars/bootstrap/5.0.2/js/bootstrap.bundle.min.js}"></script></body>
</html>

pomで指定したバージョンでwebjarsからインポートを行う

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up