前端工程化浅析
前端工程化浅析
360前端星计划-第十课
主讲:田东东老师
什么是前端工程化
- 目标
- 技术
- 原因
四化
-
规范化—项目可维护的基石
1,版本管理及开发流程规范
-版本管理:基于git/简化操作
-代码仓库:活动模型/行为规范
2,编写规范
-脚本
-样式
-目录结构 -
模块化—CSS模块化/js模块化
1,CSS模块化解决方案
2,js模块化解决方案 -
组件化—web开发的趋势
1,什么是组件化?
2,例子 -
自动化—前端工程化核心
1,自动初始化(eg.:vue-cli)
2,自动构建(eg.:webpack)
3,自动测试(eg.:Karma,jest)
4,自动部署(eg.:JenKins)
寄语
带着工程化去思考问题