maven依赖管理JAR资源:
他能进行js、css文件库进行maven依赖管理,能像一般的jar包一样进行管理,对于js、css版本的更新一类的会比较好。
1、优点
1.1、 静态资源版本化管理
传统的静态资源需要自行维护,资源种类繁多,使得项目后期越来越臃肿,维护版本升级也变得困难,
而使用WebJars方式进行管理后,版本升级问题迎刃而解
1.2、提升编译速度
经测试,使用WebJars的方式管理依赖可以给项目的编译速度带来2-5倍的速度提升,
还在犹豫的小伙伴快点尝试起来吧!
2、 缺点
2.1、pom文件会变得更大更臃肿
2.2、无法引入cdn加速,增大服务器压力
二、实践
1. 我们首先要确定要什么js或css库,确定后进入webjars官网找到相应的依赖语句。请点击
https://www.webjars.org/
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. 我们再写一个页面测试一下,引入资源文件的路径
我们可以在依赖库里找到我们依赖的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. 访问下我们的服务