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