Spring Boot中Maven方式加入javascript---Webjar的使用

Spring Boot中我们使用Maven引入需要的jar包，而在项目中，通常前端也需要很多js，我们可以使用Maven以及Webjars，将需要的js加入我们的代码。

Webjars是做什么的？

WebJars是将web前端资源（js，css等，比如JQuery和Bootstrap）打成jar包，然后借助Maven工具，以jar包形式对web前端资源进行统一依赖管理，保证这些Web资源版本的唯一性，它们的依赖关系会自动解决，WebJars的jar包部署在Maven中央仓库上。

Webjars的官网https://www.webjars.org/

Webjars的四种引用

我们通过pom.xml文件引入Webjars，它有四种方式：

1. NPM Webjars
   内容通过NPM镜像的方式
   GroupId: org.webjars.npm
   ArtifactId: NPM Package or URL-based Name

2. GitHub Webjars
   内容通过bowergithub镜像
   GroupId: org.webjars.bowergithub.[GITHUB_ORG]
   ArtifactId: GitHub Repo Name

3. Classic Webjars
   自定义及手动部署
   GroupId: org.webjars
   ArtifactId: 变化的

4. Bower Original Webjars
   不建议使用 Bower GitHub WebJars 代替
   GroupId: org.webjars.bower
   ArtifactId: Bower Package or URL-based Name

下面我们给出一个案例说明Webjars的使用：在项目中加入JQuery

案例

1. pom.xml文件中加入如下代码：

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.5.0</version>
</dependency>
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>webjars-locator</artifactId>
    <version>0.32</version>
</dependency>

此处的webjars-locator是为了定义webjars中包的位置，加入它，我们在代码中引入js时无需指定版本号，否则需要指定版本号

2. Spring Boot的前端代码中引用js