vue打包放到Java项目里_bat脚本使用笔记之vue打包到Java工程中

最新推荐文章于 2024-08-14 09:22:37 发布

weixin_39694016

最新推荐文章于 2024-08-14 09:22:37 发布

阅读量764

点赞数

文章标签： vue打包放到Java项目里

本文链接：https://blog.csdn.net/weixin_39694016/article/details/114760474

版权

本文介绍了如何使用BAT脚本来整合Vue.js前端项目与Spring Boot后端，实现将Vue.js打包后的资源自动复制到Spring Boot的静态资源目录下，以便于本地快速构建一个包含前后端的完整应用。脚本涉及替换配置、npm打包、文件复制等步骤，适合前后端分离项目中快速部署的需求。

摘要由CSDN通过智能技术生成

随着vue的流行，越来越多的项目使用了vue作为前端框架，项目中遇到需要将vue打包到spring boot 中的static中，直接访问，不需要使用nginx，我们的方式是保持前后端完全独立开发代码，项目代码互不影响，借助jenkins这样的构建工具在构建springboot时触发前端构建并编写自动化脚本将前端webpack构建好的资源拷贝到springboot下再进行jar的打包，最后就得到了一个完全包含前后端的springboot项目了，但是有时候需要本地打个完整的包，需要手工合并，并且容易出错，于是写了一个bat脚本在本地需要打包时使用。脚本如下供参考:

@echo off

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

::替换vue.config.js的配置

setlocalEnableDelayedExpansionecho%~dp0set filePath=%~dp0\ijczz-meeting-web\vue.config.jsset oldContent=publicPath: '/'set newContent=publicPath: '/ijczz-meeting/meeting'echo%filePath%echo%oldContent%echo%newContent%::逐行遍历文件内容

for /f "delims=" %%l in (%filePath%) do (

echo%%lset line=%%l::替换字符串

set "line=!line:%oldContent%=%newContent%!"