前端工程化学习

• 第一阶段
  库/框架的选择
• 第二阶段
  简单构建优化：选择一个构建工具，对代码进行压缩，校验，而后再以页面为单位进行资源的合并
• 第三阶段
  JS/CSS模块化开发（分而治之）
  提升效率
  css模块化：sass、less等预处理器
• 第四阶段
  面对大规模、大致量、高性能
  组件化开发：

1. 页面上的每一个 独立的 可视/可交互区域视为一个组件；
2. 每一个组件对应一个工程目录，组件所需的各类资源都在这个目录下就近维护；
3. 因为组件具备独立性，所以组件与组件之间能够 自由组合；
4. 页面只不过是组件的容器，负责组合组件造成功能完整的界面；
5. 当不须要某个组件，或者想要替换组件时，能够整个目录删除/替换。
   资源管理

学习资源美文：https://github.com/fouber/blog/issues/10