前端工程化浅析

前端工程化浅析

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)

寄语

带着工程化去思考问题