以Spirngboot+Vue项目为例：

目前项目整体结构：

前端编译基本操作：

# 安装依赖
npm install

# 在 localhost:8080 启动项目
npm run serve

# 运行项目中的构建脚本
npm run build

npm run build
该命令执行成功之后，前端项目的目录下会生成一个 dist 文件夹，将该文件夹中的两个文件 static 和 index.html 拷贝到 Spring Boot 项目中 resources/static/ 目录下，然后就可以直接访问了。

同时直接启动的后端项目中 前端页面也会更新成最新版