推荐使用Webjars的三大理由:


  • 将静态资源版本化,更利于升级和维护。
  • 剥离静态资源,提高编译速度和打包效率。
  • 实现资源共享,有利于统一前端开发。


对于日常的web开发而言,像css、js、images、font等静态资源文件管理是非常的混乱的,比如jQuery、Bootstrap、Vue.js等,可能每个框架使用的版本都不一样、一不注意就会出现版本冲突或者重复添加的问题,所以WebJars技术顺势而生。官网:https://www.webjars.org/


原本我们在进行web开发时,一般上都是讲静态资源文件放置在webapp目录下,在SpringBoot里面,一般是将资源文件放置在src/main/resources/static目录下。

而在Servlet3中,允许我们直接访问WEB-INF/lib下的jar包中的/META-INF/resources目录资源,即WEB-INF/lib/{*.jar}/META-INF/resources下的资源可以直接访问。

所以其实,WebJars也是利用了此功能,将所有前端的静态文件打包成一个jar包,这样对于引用放而言,和普通的jar引入是一样的,还能很好的对前端静态资源进行管理。


使用案例:

一、引入相关依赖

首先在 WebJars官网找到项目所需的依赖,例如在pom.xml引入 jQuery、BootStrap前端组件等。

例如:

版本定位工具:webjars-locator-core 用于省略版本号访问静态资源

前端组件:jquery 、bootstrap


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


二、访问静态资源

启动系统直接访问静态资源,如下:

快速访问:http://localhost:8080/webjars/jquery/jquery.js (推荐)

快速访问:http://localhost:8080/webjars/jquery/3.3.1/jquery.js