Spring에서 Webjars 사용하기

Spring에서 webjars 적용하는 방법

Maven Repository나 다른 곳에서 webjars를 검색한다.

pom.xml에 추가한다.

pom.xml

<!-- webjars --> <dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>3.1.1-1</version> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>jquery-ui</artifactId> <version>1.12.1</version> </dependency> <dependency> <groupId>org.webjars</groupId> <artifactId>jqgrid</artifactId> <version>4.7.0</version> </dependency>

servlet-context에 주소를 매핑한다.

servlet-context.xml

<resources mapping="/webjars/**" location="classpath:/META-INF/resources/webjars/"/>

Java configuration을 사용할 경우에는 아래와 같이 설정한다.

WebConfig.java

@EnableWebMvc @Configuration public class WebConfig extends WebMvcConfigurerAdapter { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { if (!registry.hasMappingForPattern("/webjars/**")) { registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/"); } } }

JSP에서 호출한다.

Example1)

http://localhost/webjars/jquery/3.1.1-1/jquery.min.js

http://localhost/webjars/jqgrid/4.7.0/css/ui.jqgrid.css

Example2)

<link rel="stylesheet" href="<c:url value="/webjars/jquery-ui/1.12.1/jquery-ui.theme.min.css" />" type="text/css" /> <link rel="stylesheet" href="<c:url value="/webjars/jquery-ui/1.12.1/jquery-ui.min.css" />" type="text/css" /> <link rel="stylesheet" href="<c:url value="/webjars/jqgrid/4.7.0/css/ui.jqgrid.css" />" type="text/css" /> <script src="/webjars/jquery/3.1.1-1/jquery.min.js"></script> <script src="/webjars/jquery-ui/1.12.1/jquery-ui.min.js"></script> <script src="/webjars/jqgrid/4.7.0/js/i18n/grid.locale-en.js"></script> <script src="/webjars/jqgrid/4.7.0/js/i18n/grid.locale-kr.js"></script> <script src="/webjars/jqgrid/4.7.0/js/jquery.jqGrid.js"></script>

Reference

[1] [블로그개발_06] webjars를 이용한 bootstrap, jquery 적용해보기 (Spring Boot) (http://millky.com/@origoni/post/1147?language=ko_kr)

[2] 허니몬의 자바 | webjars란 무엇인가? (http://java.ihoney.pe.kr/428)