版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010508829/article/details/84431425
一、前言
这个东西呢，我第一次接触的时候就觉得很好玩，他能进行js、css文件库进行maven依赖管理，能像一般的jar包一样进行管理，对于js、css版本的更新一类的会比较好
二、实践
1. 我们首先要确定要什么js或css库，确定后进入webjars官网找到相应的依赖语句。请点击WebJars官网
2. 我们在官网找到自己想要的js、css库
3.复制到项目pom文件中
<!--我们导入资源文件需要写版本号，用了这个之后就不用写版本号了-->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>webjars-locator</artifactId>
<version>0.30</version>
</dependency>
<!--jq-->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>3.3.1-1</version>
</dependency>
<!--bootstrap-->
<dependency>
<groupId>org.webjars</groupId>
<artifactId>bootstrap</artifactId>
<version>4.1.3</version>
</dependency>
4. 我们再写一个页面测试一下，引入资源文件的路径
路径为：webjars/xxxxx/
我们可以在依赖库里找到我们依赖的jar包库，库中有我们需要的js、css库，按照这个依次引入即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>webjars</title>
<!--导入jq-->
<script type="application/javascript" src="webjars/jquery/jquery.js"></script>
<!--导入bootstrap-->
<link rel="stylesheet" type="text/css" href="webjars/bootstrap/css/bootstrap.css">
<script type="application/javascript" src="webjars/bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="bs-example" data-example-id="simple-jumbotron">
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>我们已经成功导入了BootStrapUI框架</p>
<p><a id="btn" class="btn btn-primary btn-lg" href="#" role="button">点击测试JQ框架是否导入</a></p>
</div>
</div>
</body>
<script type="application/javascript">
$(function () {// 初始化内容
$("#btn").click(function(){
alert("jq框架加载成功！");
});
});
</script>
</html>
5. 访问下我们的服务
三、优缺点总结
1. 优点
1. 静态资源版本化管理
传统的静态资源需要自行维护，资源种类繁多，使得项目后期越来越臃肿，维护版本升级也变得困难，而使用WebJars方式进行管理后，版本升级问题迎刃而解
2. 提升编译速度
经测试，使用WebJars的方式管理依赖可以给项目的编译速度带来2-5倍的速度提升，还在犹豫的小伙伴快点尝试起来吧！
2. 缺点
1. pom文件会变得更大更臃肿
2. 无法引入cdn加速，增大服务器压力
感谢您耐心阅读黄大胖子的陋文，由于我还是一个未经世事的美男子，才疏学浅，如有错误之处，请多多指正！
江湖再见，欢迎您关注我！
本文项目源代码 ：
GarfieldHuang/GarfieldHuang
