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中央倉庫上。

2、WebJars使用

2.1 pom.xml

<dependencies>
    <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>2.2.4</version>
        </dependency>
        <dependency>
            <groupId>org.webjars</groupId
 
>
            <artifactId>bootstrap</artifactId>
            <version>3.3.6</version>
        </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>