(1). Grunt:
①. 最早的构建工具.②. 使用js写shell脚本的形式来处理开发过程中的代码压缩和合并工作.③. 一个项目需要定制多个小任务和引用多个插件:a. 如eslint代码检查,在配置文件写好eslint相关的配置任务.b. 其它类似写成多个小任务.c. grunt逐个运行每个任务.④. 弊端:a. 插件质量参差不齐.b. 代码量较多.
(2). Gulp:
①. 在Grunt之后出现的.②. 通过流(stream)来简化多个任务间的配置和输出:a. 流的形式就是在配置文件加一个方法,再二次叠加写配置文件.b. 配置文件比较少,简化了配置操作.c. 配置代码相对较少.
(3). Webpack:
①. 预编译,中间文件在内存中处理,支持多种模块化,配置相对很简单.a. 模块化:Common js、amd模块化、es import都能支持
2. 自主、定制工具:
(1). 百度 - FIS:
(2). 京东 - JDF:
(1). Grunt:
①. 最早的构建工具.②. 使用js写shell脚本的形式来处理开发过程中的代码压缩和合并工作.③. 一个项目需要定制多个小任务和引用多个插件:a. 如eslint代码检查,在配置文件写好eslint相关的配置任务.b. 其它类似写成多个小任务.c. grunt逐个运行每个任务.④. 弊端:a. 插件质量参差不齐.b. 代码量较多.
(2). Gulp:
①. 在Grunt之后出现的.②. 通过流(stream)来简化多个任务间的配置和输出:a. 流的形式就是在配置文件加一个方法,再二次叠加写配置文件.b. 配置文件比较少,简化了配置操作.c. 配置代码相对较少.
(3). Webpack:
①. 预编译,中间文件在内存中处理,支持多种模块化,配置相对很简单.a. 模块化:Common js、amd模块化、es import都能支持
2. 自主、定制工具:
(1). 百度 - FIS:
(2). 京东 - JDF:
