webjar的详细使用方式

前言

由于我在写项目时候,发现不断导入js 太过于繁琐,所以我创建多项目工程时候多加了一个webjar模块,里面只有一个pom.xml方便我管理webjar
在这里插入图片描述

webjar官网

https://www.webjars.org/
需要什么去官网找对应的maven即可

我的pom.xml

    <dependencies>
        <!--webjar laiyui-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>layui</artifactId>
            <version>2.5.5</version>
        </dependency>
        <!--        webjar -->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.4.1</version>
        </dependency>
        <!--webjar font-awesome-->
        <dependency>
            <groupId>org.webjars.bower</groupId>
            <artifactId>font-awesome</artifactId>
            <version>4.7.0</version>
        </dependency>
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery-ui</artifactId>
            <version>1.12.1</version>
            <exclusions>
                <exclusion>
                    <artifactId>jquery</artifactId>
                    <groupId>org.webjars</groupId>
                </exclusion>
            </exclusions>
        </dependency>
    </dependencies>

导入webjar

首先你会发现你不知道如何引用这个资源,首先让我们了解一下springboot对webjar是如何处理的

  • 首先对于一个从未接触的框架我们搜索一下webjar这个关键字看看能出现什么
    在这里插入图片描述
  • 我们可以发现这个类里有一个webjar的位置,可以大体推断出这应该是一个映射地址,这个类就是控制静态资源的一个东西
    在这里插入图片描述
  • 然后我们看看WebMvcAutoConfiguration这个类,这个类听名字就是用来配置mvc的,通过直接翻译下面几个单词,推断出我们使用地址一定是/webjar开头的
    在这里插入图片描述

引用webjar

假设我导入了layui

      <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>layui</artifactId>
            <version>2.5.5</version>
        </dependency>

你会发现依赖这里会出现一个这样的目录结构
在这里插入图片描述
我们要引用时候就要加上开头/webjar,然后对应这个目录需要哪个文件,就引入哪个即可
在这里插入图片描述

发布了9 篇原创文章 · 获赞 1 · 访问量 2488

猜你喜欢

转载自blog.csdn.net/tgb7895/article/details/103943907