非前后端分离项目，如何才能前后端拆分开，分别打包呢？

问题遇到的现象和发生背景

idea中的前端代码，如何能和后端代码分离，并且在vscode中打包
或者说如何在idea中单独打包前端代码呢？而不打包后端代码。
直接maven打成一个jar包，会把前后端都打包进去。
我想要的效果是前后端拆分出来。应该如何做呢？

问题相关代码，请勿粘贴截图

运行结果及报错内容

如图中两个springboot工程中的resource目录下的两个文件夹，分别对应前端的管理页面，和用户页面，那么如何才能拆分出来。单独打包这些页面呢？

我的解答思路和尝试过的方法

直接复制出来，放到vscode中，发现无法直接运行。

我想要达到的结果

前后端打包分离出来。

不是前后端分离的，直接部署就行啊，直接解压上传上去或者自己打成war包让tomcat自动解压，即可

不好弄。
你如果手动拆的话，相互之间的调用和跳转大概率是要都改一遍。
不如直接起个前端的项目。

如果你的前端代码获取数据都是走的后端接口，那么可以拆，如果是通过什么ModelView的，那就要改造太多了

不好分，真的

搭建前端框架，把前端项目独立出来

你前端用的什么？ 我猜layui或vue.

如果vue,把前端包拷出来， 使用nodejs， npm run build 打包

不是前后端分离的项目，你想搞2个独立打包，几乎不可能。