前端项目打包

简介: 前端项目打包

人事管理项目-前端项目打包

当前端项目开发完成后,执行如下命令对项目进行打包:

执行结果如

打包完成后,在当前工作目录下生成一个dist文件夹,如图16-27所示。将里边的index.html和static目录复制到Spring Boot项目的static目录下,如图

接下来,启动后端项目,直接在浏览器中输入http://localhost:8082/index.html就可以看到登录页面,如图

项目主要从登录模块、动态加载用户菜单、员工资料模块、邮件发送模块、Excel导入导出模块、在线聊天模块以及编译打包几个方面介绍。


相关文章
|
4天前
|
Rust 前端开发 JavaScript
第4期 一文了解前端打包工具的发展
第4期 一文了解前端打包工具的发展
40 0
|
6月前
|
前端开发 JavaScript Java
Docker打包前端vue代码推送镜像到远程仓库
Docker打包前端vue代码推送镜像到远程仓库 Docker打包前端vue代码推送镜像到远程仓库 业务场景:📝1.将前端代码www包解压后放在本地临时目录,然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 业务场景: 需要将本地前端代码推送到远程镜像仓库 📝1.将前端代码www包解压后放在本地临时目录,然后创建一个dockerfile
111 1
|
4天前
|
负载均衡 前端开发 应用服务中间件
【Linux】Nginx安装使用负载均衡及动静分离(前后端项目部署),前端项目打包
【Linux】Nginx安装使用负载均衡及动静分离(前后端项目部署),前端项目打包
392 0
|
4天前
|
前端开发 应用服务中间件 nginx
Javaweb之前端工程打包部署的详细解析
6 打包部署 我们的前端工程开发好了,但是我们需要发布,那么如何发布呢?主要分为2步: 前端工程打包 通过nginx服务器发布前端工程 6.1 前端工程打包
134 0
Javaweb之前端工程打包部署的详细解析
|
7月前
|
JavaScript 前端开发 jenkins
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
365 0
|
4天前
|
前端开发 JavaScript 开发者
深入了解Webpack:前端模块打包工具
深入了解Webpack:前端模块打包工具
8 1
|
4天前
|
前端开发 JavaScript Linux
relectron框架——打包前端vue3、react为pc端exe可执行程序
relectron框架——打包前端vue3、react为pc端exe可执行程序
32 1
|
4天前
|
Web App开发 JavaScript 前端开发
前端项目打包与发布
前端项目打包与发布
76 7
|
9月前
|
前端开发 JavaScript Java
前端——使用RequireJS的r.js打包压缩模块
前端——使用RequireJS的r.js打包压缩模块
|
4天前
|
JavaScript 前端开发 API
使用NodeJS开发前端打包程序
使用NodeJS开发前端打包程序
37 0