前端工程化
前端工程化
后端的工程化是使用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 | 可以提供丰富的快速构建网页的组件仓库 |