1. 程式人生 > >Spring Boot使用WebJar管理css、JavaScript檔案

Spring Boot使用WebJar管理css、JavaScript檔案

現在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>

  示例圖: