前端工程化浅析

前端工程化浅析

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）

寄语

带着工程化去思考问题