WebJars——web端静态资源的jar包

1、WebJars介绍

Web前端使用了越来越多的JS或CSS，如jQuery，Backbone.js和Bootstrap。一般情况下，我们是将这些Web资源拷贝到Java Web项目的webapp相应目录下进行管理。这种通过人工方式管理可能会产生版本误差，拷贝版本错误，漏拷等现象，导致前端页面无法正确展示，版本不一致，文件混乱等，导致出现一些莫名其妙的错误等。

WebJars是将web前端资源（js，css等）打成jar包文件，然后借助Maven工具，以jar包形式对web前端资源进行统一依赖管理，保证这些Web资源版本唯一性。WebJars的jar包部署在Maven中央仓库上。

WebJars官网：http://www.webjars.org/

2、WebJars使用

2.1 pom.xml

<dependencies>
    <dependency>
            <groupId>org.webjarsgroupId>
            <artifactId>jqueryartifactId>
            <version>2.2.4version>
        dependency>
        <dependency>
            <groupId>org.webjarsgroupId>
            <artifactId>bootstrapartifactId>
            <version>3.3.6version>
        dependency>
dependencies>

2.2 引用

2.2.1 静态页面

<link rel='stylesheet' href='webjars/bootstrap/3.3.6/css/bootstrap.min.css'>

<script type='text/javascript' src='webjars/bootstrap/3.3.6/js/bootstrap.min.js'>script>

<script type='text/javascript' src='webjars/jquery/2.2.4/jquery.min.js'>script>

2.2.2 jsp页面

<link rel='stylesheet'  href="<%=request.getContextPath() %>/webjars/bootstrap/3.3.6/css/bootstrap.min.css"/>

<script type="text/javascript" src="<%=request.getContextPath() %>/webjars/bootstrap/3.3.6/js/bootstrap.min.js">script>

<script type="text/javascript" src="<%=request.getContextPath() %>/webjars/jquery/2.2.4/jquery.min.js">script>