Spring Boot使用WebJar管理css、JavaScript文件

今天药忘吃喽~ 2022-06-08 05:18 147阅读 0赞

现在Web前端使用了越来越多的JS或CSS，如jQuery, Backbone.js 和Bootstrap等等。

一般的做法是将这些Web资源拷贝到Java的目录下，通过手工进行管理，这种通方式容易导致文件混乱、版本不一致等问题。

WebJars是将这些通用的Web前端资源打包成Java的Jar包，然后借助Maven工具对其管理，保证这些Web资源版本唯一性，升级也比较容易。

关于webjars资源，有一个专门的网站http://www.webjars.org/，我们可以到这个网站上找到自己需要的资源，在自己的工程中添加入maven依赖，即可直接使用这些资源了。

1、传统做法：将这些Web资源拷贝到Java的目录下，通过手工进行管理

![Center][]

示例图：

![Center 1][]

2、使用WebJars，借助Maven工具对其管理

a)  首先在pom.xml里面添加依赖

<dependencies>
    	<dependency>
    		<groupId>org.webjars</groupId>
    		<artifactId>bootstrap</artifactId>
    		<version>3.1.0</version>
    	</dependency>
       </dependencies>

b) 引入资源（注意有版本号）

<link rel="stylesheet" href="webjars/bootstrap/3.1.0/css/bootstrap.min.css"/>

示例图如下：

![Center 2][]

c) 省略版本号，添加webjars-locator

<dependency> <groupId>org.webjars</groupId> <artifactId>webjars-locator</artifactId> <version>0.30</version> </dependency>

示例图：

![Center 3][]

[Center]: /images/20220608/db6d5bd24a0c42d1ad7b8971f64bd90c.png
[Center 1]: /images/20220608/bbb40fe8745a48b5b8f643c9b52461af.png
[Center 2]: /images/20220608/cf4d93f61a984b9c9e435269d372a19f.png
[Center 3]: /images/20220608/287d05ada36b415eba2f85452577c047.png

发表评论取消回复

表情：

评论列表（有 0 条评论，147人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot 使用WebJars统一管理静态资源

推荐使用Webjars的三大理由： > > * 1. 将静态资源版本化，更利于升级和维护。 > * 1. 剥离静态资源，提高编译速度和打包效率。 > *...

逃离我推掉我的手/ 2024年04月19日 09:27/ 0 赞/ 82 阅读

相关 WebJars。

WebJars是一个很神奇的东西，可以让大家以jar包的形式来使用前端的各种框架、组件。什么是WebJars WebJars是将客户端（浏览器）资源（JavaScri

Dear 丶/ 2024年02月18日 18:50/ 0 赞/ 47 阅读

相关 springboot webjar使用

webjar：将web框架的js、css,打成jar包方式使用，方便版本切换官网：[https://www.webjars.org/][https_www.webjar

我会带着你远行/ 2023年10月06日 10:28/ 0 赞/ 61 阅读

相关 Spring WebJars 教程

Spring WebJars 教程展示了如何在 Spring Web 应用程序中使用 WebJar。 Spring是一个流行的Java应用程序框架，用于创建企业应用。

深碍√TFBOYSˉ_/ 2023年09月25日 13:35/ 0 赞/ 53 阅读

相关初识spring boot maven管理--使用spring-boot-starter-parent

springboot官方推荐我们使用spring-boot-starter-parent，spring-boot-starter-parent包含了以下信息： 1、使用jav

小灰灰/ 2022年08月26日 14:18/ 0 赞/ 171 阅读

相关 Spring Boot使用WebJar管理css、JavaScript文件

现在Web前端使用了越来越多的JS或CSS，如jQuery, Backbone.js 和Bootstrap等等。一般的做法是将这些Web资源拷贝到Java的目录下，通

今天药忘吃喽~/ 2022年06月08日 05:18/ 0 赞/ 148 阅读

相关 SpringBoot使用WebJars

本人主要做的是java，但是从第一份工作开始，就一直在做一个写前端又写后端的程序员，相信很多朋友和我一样，不仅要会后台代码，还要懂得很多的前端代码，例如javascipt和cs

向右看齐/ 2022年05月29日 11:39/ 0 赞/ 188 阅读

相关 Spring boot的Webjars

Webjars Spring boot 以jar包的方式，引入静态资源创建Web工程 WebMvcAutoConfiguration Ctrl+Shift+

朴灿烈づ我的快乐病毒、/ 2022年05月14日 04:59/ 0 赞/ 150 阅读

相关 SpringBoot使用Webjar管理前端静态文件

关于webjars资源，有一个专门的网站[http://www.webjars.org/][http_www.webjars.org]，我们可以到这个网站上找到自己需要的资源，

矫情吗；*/ 2022年02月02日 23:34/ 0 赞/ 230 阅读

相关 Spring boot:使用WebJars统一管理静态资源

转载地址：https://my.oschina.net/u/933928/blog/2980595 概述 WebJars是一个很神奇的东西，可以让大家以jar包的形

- 日理万妓/ 2021年12月21日 09:09/ 0 赞/ 235 阅读