前端工程化

后端的工程化是使用maven处理

前端的工程化是使用nodejs npm vite处理

但前后端处理的两种方式冲突，为解决此问题，我们将app中的前端相关的代码剥离出来，形成一个独立的工程

使用相关的专门技术来实现前端代码的模块化、组件化、规范化、自动化，这就是前端工程化

而此时，项目的研发模式就变成了前后端分离模式（开发分离、部署分离）

---

前端工程化实现的技术栈

前端工程化实现的技术栈有很多，我们采用s ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合实现

技术栈	说明
ECMAScript6	VUE3中大量使用ES6语法
nodejs	前端项目运行环境
npm	依赖下载工具
vite	前端项目构建工具
VUE3	优秀的渐进式前端框架
router	通过路由实现页面切换
pinia	通过状态管理实现组件数据传递
axios	ajax异步请求封装技术实现前后端数据交互
Element-plus	可以提供丰富的快速构建网页的组件仓库

---