前端工程化

前端工程化

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

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

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

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

而此时,项目的研发模式就变成了前后端分离模式(开发分离、部署分离)


前端工程化实现的技术栈

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

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