什么是WebJars
WebJars以jar包的形式來使用前端的各種框架、組件,如jquery、bootstrap
WebJars將客戶端(瀏覽器)資源(JavaScript,Css等)打成jar包文件,以對資源進行統一依賴管理。WebJars的jar包部署在Maven中央倉庫上。
我們在開發Java web項目的時候會使用像Maven,Gradle等構建工具以實現對jar包版本依賴管理,以及項目的自動化管理,但是對於JavaScript,Css等前端資源包,我們只能采用拷貝到webapp下的方式,這樣做就無法對這些資源進行依賴管理。
而WebJars就提供給我們這些前端資源的jar包形式,我們就可以進行依賴管理。
今天用webjars時,bootstrap引入很順利,但是jquery嘗試了很久才成功,網上搜到的文章的例子都是錯的,這里記錄一下:
網上的寫法基本都是這種:
<script src="webjars/jquery/3.1.1/jquery.min.js"></script>
但實際上是錯的,正確的應該是:
<script th:src="webjars/jquery/3.1.1/dist/jquery.min.js"></script>和<script src="webjars/jquery/1.11.1/jquery.min.js"></script>
3.1.1多了一層dist
其實具體的看下jar包目錄結構就一目了然了,如圖
而bootstrap的jar包已經自動依賴jquery了,如圖,bootstrap3.3.7-1就依賴了jquery1.11.1,不需要額外引入jquery依賴就可以直接引入:<script src="webjars/jquery/1.11.1/jquery.min.js"></script>
而如果想用新版本也可以再引入自己想要的jquery依賴,比如jquery3.1.1,然后引入js:<script th:src="webjars/jquery/3.1.1/dist/jquery.min.js">