WebJars是一個很神奇的東西，可以讓大家以jar包的形式來使用前端的各種框架、元件。

什麼是WebJars

什麼是WebJars？WebJars是將客戶端（瀏覽器）資源（JavaScript，Css等）打成jar包檔案，以對資源進行統一依賴管理。WebJars的jar包部署在Maven中央倉庫上。

為什麼使用

我們在開發Java web專案的時候會使用像Maven，Gradle等構建工具以實現對jar包版本依賴管理，以及專案的自動化管理，但是對於JavaScript，Css等前端資源包，我們只能採用拷貝到webapp目錄下的手工方式，這樣做就無法對這些資源進行依賴管理。而且容易導致檔案混亂、版本不一致等問題

WebJars是將這些通用的Web前端資源打包成Java的Jar包，然後藉助Maven工具對其管理，保證這些Web資源版本唯一性，升級也比較容易。關於webjars資源，有一個專門的網站http://www.webjars.org/，我們可以到這個網站上找到自己需要的資源，在自己的工程中新增入maven依賴，即可直接使用這些資源了。

如何使用

1、 WebJars主官網 查詢對於的元件，比如Vuejs

<dependency>
    <groupId>org.webjars.bower</groupId>
 

    <artifactId>vue</artifactId>
    <version>1.0.21</version>
</dependency>

2、頁面引入

<link th:href="@{/webjars/bootstrap/3.3.6/dist/css/bootstrap.css}" rel="stylesheet"></link>

就可以正常使用了！

三種應用webjars的方式

在webjars的網站中，講到了三種應用webjars的方式，分別為NPM WebJars、Bower WebJars、Classic WebJars，上述方法屬於Classic Webjars方式。

出處：

https://www.cnblogs.com/mingziday/p/4748534.html