webjars-jquery的引用


什么是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">

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM