SpringBoot WebJars：通过Maven管理jQuery前端资源，网页内引用路径

范培忠 2018-05-07

　　我们在项目中通过Maven来管理后端包依赖，既省空间又省时间。

　　前端包依赖Maven管理也可以借助WebJars来实现。就不需要下载Bootstrap和jQuery等资源就可直接引用，更不需要在Git库上传了。

　　WebJars支持的前端资源很多，具体可参考：All Deployed WebJars

　　使用WebJars示例如下（本示例以Spring boot为基础，其它Spring项目其实也是类似的）。

　　后面会示范如何对引入的WebJars包内的静态内容进行引用。

　　一、Maven依赖：

    org.webjars
    bootstrap
    3.3.7


    org.webjars
    jquery
    3.3.1

　　二、直接引用：

    
    
    
    
    




    

        ×
        Hello, WebJars!
    

　　这样，看见的页面就能使用bootstrap等了，如下：

　　三、省略页面引用时的版本号：

　　写死版本号不利于项目资源升级，可额外使用webjars-locator来省略引用时的版本号：

　　添加之后的pom文件如下：

    org.webjars
    webjars-locator
    0.34


    org.webjars
    bootstrap
    3.3.7


    org.webjars
    jquery
    3.3.1

　　然后就可以不带版本号访问了：

　　效果如下：

　　PS：在网页内的引用

　　ExtalExternal Libraries下找到需要引用的静态资源，按Ctrl+Shift+Alt+c，即可复制路径。如下：

F:/maven_3.3.9/repository/org/webjars/echarts/3.2.3/echarts-3.2.3.jar!/META-INF/resources/webjars/echarts/3.2.3/echarts.min.js

　　删除WebJars前面的部分即可。

参考资料：

1. https://blog.csdn.net/qq_36688143/article/details/79448537

2. https://www.cnblogs.com/liaojie970/p/7852576.html

3. https://www.jianshu.com/p/792b05271099