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>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

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

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