SpringBoot项目搭建：使用WebJars统一管理静态资源

绝地灬酷狼 2022-04-24 12:36 215阅读 0赞

### 文章目录 ###

*   *  1. 推荐理由
     *  2. 使用教程
     *  3. 访问静态资源

## 1. 推荐理由 ##

*  将静态资源版本化，便于维护升级
 *  剥离静态资源，提高编译速度和打包效率
 *  实现资源共享，有利于统一前端开发

## 2. 使用教程 ##

*  引入相关依赖
    
     *  登陆[webJars官网][webJars]找到相应依赖
     *  加入依赖到pom.xml文件中，如下

<dependency>
                <groupId>org.webjars</groupId>
                <artifactId>webjars-locator-core</artifactId>
            </dependency>
            
            <dependency>
                <groupId>org.webjars</groupId>
                <artifactId>jquery</artifactId>
                <version>3.4.0</version>
            </dependency>
            
            <dependency>
                <groupId>org.webjars</groupId>
                <artifactId>bootstrap</artifactId>
                <version>4.3.1</version>
            </dependency>

## 3. 访问静态资源 ##

目录结构:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdmFfMTg5NDUxMDY2MTI_size_16_color_FFFFFF_t_70]  
查看是否可以访问。

*  way1(推荐):[http://localhost:8080/webjars/jquery/jquery.js][http_localhost_8080_webjars_jquery_jquery.js]
 *  way2:[http://localhost:8080/webjars/jquery/3.3.1/jquery.js][http_localhost_8080_webjars_jquery_3.3.1_jquery.js]

[webJars]: https://www.webjars.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2phdmFfMTg5NDUxMDY2MTI_size_16_color_FFFFFF_t_70]: /images/20220215/2c84ddb7c73e4a27b6375fb9f1c1ef44.png
[http_localhost_8080_webjars_jquery_jquery.js]: http://localhost:8080/webjars/jquery/jquery.js
[http_localhost_8080_webjars_jquery_3.3.1_jquery.js]: http://localhost:8080/webjars/jquery/3.3.1/jquery.js