浅谈前端项目发展的四个阶段——库/框架、构建优化、模块化开发、组件化开发和资源管理

前端项目发展的四个阶段：

1、库/框架

库：jQuery

框架：vue、React、Angularjs

 

2、构建优化

选择Gulp, Grunt, Webpack 等构建工具，对代码进行压缩、校验，再以页面为单位进行简单的资源合并。

 

3、JavaScript和CSS模块化开发

分而治之是软件工程中的重要思想，模块化是目前前端最流行的分治手段。模块化开发的最大价值不是复用，而应该是分治。

1) JavaScript模块化开发：

JavaScript模块化开发的方案有很多，包括：

①　AMD规范：用于客户端，RequireJS实现；

②　CommonJS规范：用于服务端，Browserify实现；

③　ES6 Module：export和import实现。

2) CSS模块化开发：

CSS模块化开发是在LESS、SASS、Stylus等预处理器的@import导入、@mixin混入特性支持下实现的。

注意：模块化中的模块一般指JavaScript模块。

4、组件化开发与资源管理