springboot(三):使用WebJars統一管理靜態資源

概述

WebJars是一個很神奇的東西,可讓你們以jar包的形式來使用前端的各類框架、組件。前端

什麼是WebJars

什麼是WebJars?WebJars是將客戶端(瀏覽器)資源(JavaScript,Css等)打成jar包文件,以對資源進行統一依賴管理。WebJars的jar包部署在Maven中央倉庫上。jquery

爲何使用

咱們在開發Java web項目的時候會使用像Maven,Gradle等構建工具以實現對jar包版本依賴管理,以及項目的自動化管理,可是對於JavaScript,Css等前端資源包,咱們只能採用拷貝到webapp下的方式,這樣作就沒法對這些資源進行依賴管理。那麼WebJars就提供給咱們這些前端資源的jar包形勢,咱們就能夠進行依賴管理。web

如何使用

一、 WebJars主官網 查找對於的組件,好比jquery瀏覽器

<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1</version>
</dependency>

二、頁面引入app

<link th:href="@{/webjars/jquery/3.3.1/jquery.js}" rel="stylesheet"></link>

就能夠正常使用了!框架

像上面的每一個引用文件裏都要帶一個版本,假如項目要升級,那得麻煩死去啊,有木有更好的辦法呢?webapp

添加版本定位工具工具

<dependency>
     <groupId>org.webjars</groupId>
     <artifactId>webjars-locator-core</artifactId>
</dependency>

這樣以後頁面引入就變成這樣了測試

<link th:href="@{/webjars/jquery/jquery.js}" rel="stylesheet"></link>

總結

使用WebJars對前端依賴進行統一管理有什麼好處呢?code

  1. 靜態資源版本化

傳統的靜態資源須要自行維護,資源種類繁多,使得項目後期愈來愈臃腫,維護版本升級也變得困難,而使用WebJars方式進行管理後,版本升級問題迎刃而解。

  1. 提高編譯速度

經測試,使用WebJars的方式管理依賴能夠給項目的編譯速度帶來2-5倍的速度提高,還在猶豫的小夥伴快點嘗試起來吧!

  1. 在WebJars官方找不到本身想要的依賴怎麼辦?

將下載好的靜態資源目錄發佈到公司私服倉庫便可。 例如:新建一個SpringBoot項目,手工建立目錄 META-INF/resources/ ,將靜態資源完整複製進去,而後發佈公司Maven私服便可

相關文章
相關標籤/搜索