为前端团队设计开发体系

为前端团队设计开发体系？

前端开发技术体系关系图

前端开发体系设计步骤

体验新型开发体系  scrat

要模块化开发， 所以选了   

要自动优化，  

要组件化开发，   

需要前端模板，所以选了

模块化框架只实现模块化管理就可以了么？

模块管理和模块加载的双重任务

资源加载就与网络请求优化丰关， 工程问题了么？

模块化框架优化网络请示时依赖combo服务， 你的团队打算支持么？

自动化工具只压缩就够了么？

持续集成环境下很好的工作了么？

目录规范，打包优化，和预处理么？

规范调整么？

模块化框架要求：

基本的模块管理与加载

考虑网络请求性能优化（cdn缓存，合并请求）

提供舒服的编程规范

组建系统要求：

在模块化的基础上设计组件化系统

以js,css,模板为单位开发组件

js css 依赖管理

工具要求

支持单个资源优化

提供舒服的目录规范

与模块化框架无缝配合

获取，管理组件

与团队现有的流程整合

提供方便获取，分享组件的功能

符合团队资源部署要求

非覆盖式发布，灰度发布

定制规范：

开发目录规范，哪里放页面，哪里放纟月人白，哪里放模板，

部署规范，静态资源部署，后端模板部署

选型框架

模块化框架

组件化框架

基础库/组件库

系统划分

业务划分，组件划分

流程打能

搭建持续集成平台

本地调试与开发环境

脚手架

组件脚手架，业务项目脚手架

工具开发

把规范＼框架＼流程＼脚手架需求串联起来

要升级menu组件功能

去js/widget/menu.js  修改逻辑

css js tpl class red green blue 一

按功能逻辑命名划分目录， 资源依赖就近维护

lib widget   page

不同的服务器上怎么办？

components   以目录为单位，将js ,css ,模板放一起维护

js  css 中均可依赖声明

像写nodejs一样编写js模块

专为移动项目打造的前端开发体系  scrat

模块化框架crat.js 模块管理预加载， 网络请示优化(combo)

开发工具：scrat

压缩(js\css\png)模块依赖分析   资源内图片片，字体，声音  本地高度  多端浏览器自动刷新  组件获取与管理   GitHub,GitLib