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

概述

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

什麼是WebJars

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

爲何使用

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

如何使用

一、 WebJars主官網 查找對於的組件，好比jquery

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

二、頁面引入

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

就能夠正常使用了！

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

添加版本定位工具

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

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

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

總結

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

1. 靜態資源版本化

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

2. 提高編譯速度

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

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

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