레알윙
2020. 5. 6. 13:05
반응형
클라이언트에서 사용하는 Reactjs, Angularjs, vuejs, jquery 등을 JAR 파일로 스프링부트에 추가해 줄 수 있다.
그 JAR 파일에 있는 css나 javascript를 참조할 수 있다.
pom.xml에 의존성 추가해주면 사용 할 수 있다.
스프링 부트는 웹 JAR의 기본 매핑을 제공해준다.
/webjars/** 로 시작이 된다.
예시
jQuery 의존성을 pom.xml에 추가해준다.
<dependency>
<groupId>org.webjars.bower</groupId>
<artifactId>jquery</artifactId>
<version>3.4.1</version>
</dependency>아래처럼 jquery.minjs을 추가하고 alert창을 띄울 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
hello
<script src="/webjars/jquery/3.4.1/dist/jquery.min.js">
$(function() {
alert("ready!");
});
</script>
</body>
</html>
만약에 버전관리를 하기 싫다면 pom.xml에 아래와같은 Webjars Locator Core를 추가해줘된다.
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator</artifactId>
<version>0.40</version>
</dependency>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
hello
<script src="/webjars/jquery/dist/jquery.min.js">
$(function() {
alert("ready!");
});
</script>
</body>
</html>
반응형