webjars 사용해보기

예전에 프로젝트를 진행할 때는 bootstrap파일을 다운받아 사용하는 방식으로 프로젝트를 진행하였다. 그런데 이 경우 배포할 때 해당 정적 파일도 함께 배포해야 했다.

반면 webjars를 사용하면 jar를 배포하는 것으로 해당 파일에 접근할 수 있게 된다.
또한 webjars는 maven이나 gradle을 통해 의존성을 관리할 수 있다는 장점이 있다.

그럼 직접 적용해보자.

의존성 추가

		<!--	bootstrap	-->
		<dependency>
			<groupId>org.webjars</groupId>
			<artifactId>bootstrap</artifactId>
			<version>5.1.3</version>
		</dependency>

		<!--	bootstrap을 사용하기 위해서는 jquery도 추가해줘야함	-->
		<dependency>
			<groupId>org.webjars</groupId>
			<artifactId>jquery</artifactId>
			<version>3.6.0</version>
		</dependency>

• 스프링부트는 정정 콘텐츠의 버전은 관리하지 않으므로 버전 정보도 입력해줘야 한다.

css 적용

<link href="webjars/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet">
<script src="webjars/bootstrap/5.1.3/js/bootstrap.min.js"></script>
<script src="webjars/jquery/3.6.0/jquery.min.js"></script>

• 파일 경로는 외부라이브러리 경로에서 찾자!
  /resources/webjars/bootstrap 아래의 경로에서 찾을 수 있다!!

이번 포스팅에서는 webjars에 대한 장점과 적용 방법에 대해서 알아보았다. 여기서는 maven을 사용하였는데, gradle에서 적용하는 방법이나, webjars를 적용하는 다른 방법에 대해서는
참고링크 여기에 설명이 잘되어 있어 링크를 확인하자.