Spring Boot使用WebJar管理css、JavaScript檔案
阿新 • • 發佈:2018-12-27
現在Web前端使用了越來越多的JS或CSS,如jQuery, Backbone.js 和Bootstrap等等。
一般的做法是將這些Web資源拷貝到Java的目錄下,通過手工進行管理,這種通方式容易導致檔案混亂、版本不一致等問題。
WebJars是將這些通用的Web前端資源打包成Java的Jar包,然後藉助Maven工具對其管理,保證這些Web資源版本唯一性,升級也比較容易。關於webjars資源,有一個專門的網站http://www.webjars.org/,我們可以到這個網站上找到自己需要的資源,在自己的工程中新增入maven依賴,即可直接使用這些資源了。
1、傳統做法:將這些Web資源拷貝到Java的目錄下,通過手工進行管理
示例圖:
2、使用WebJars,藉助Maven工具對其管理
a) 首先在pom.xml裡面新增依賴
<dependencies>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.1.0</version>
</dependency>
</dependencies>
b) 引入資源(注意有版本號)
<link rel="stylesheet" href="webjars/bootstrap/3.1.0/css/bootstrap.min.css"/>
示例圖如下:
c) 省略版本號,新增webjars-locator
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator</artifactId>
<version>0.30</version>
</dependency>
示例圖: