使用WebJar管理css、JavaScript文件

Web前端使用了越来越多的JS或CSS，如jQuery, Backbone.js 和Bootstrap。一般情况下，我们是将这些Web资源拷贝到Java的目录下，通过手工进行管理，这种通方式容易导致文件混乱、版本不一致等问题。

WebJars是将这些通用的Web前端资源打包成Java的Jar包，然后借助Maven工具对其管理，保证这些Web资源版本唯一性，升级也比较容易。关于webjars资源，有一个专门的网站http://www.webjars.org/，我们可以到这个网站上找到自己需要的资源，在自己的工程中添加入maven依赖，即可直接使用这些资源了。

在我的项目试验中，采用spingMVC进行前端管理，其中使用bootstrap作为前台css的骨架，就使用到了webjars的bootstrap资源。

1、首先在项目的pom依赖中加入对bootstrap webjars的依赖

<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>3.1.0</version>
</dependency>

2、在spring的配置文件中，将对/webjars的访问重定向到/META-INF/resources/webjars/

<!-- uses WebJars so Javascript and CSS libs can be declared as Maven dependencies (Bootstrap, jQuery...) -->
<mvc:resources mapping="/webjars/**" location="classpath:/META-INF/resources/webjars/"/>

3、在页面中引入css、js文件，这里有个不方便的地方是要记住版本号

<link rel='stylesheet' href='/webjars/bootstrap/3.1.0/css/bootstrap.min.css'>

 

在webjars的网站中，讲到了三种应用webjars的方式，分别为NPM WebJars、Bower WebJars、Classic WebJars，我的上述方法属于Classic Webjars方式，其余的两种方式没有应用过，需要后续研究。。。。。