实战组件开发——手机日历 - 4. 用 Gulp 打包发布吧！

这是《实战组件开发——手机日历》系列讲堂的第四讲。继续讲解如何开发面向移动网页的日历选择控件，这次重点是打包输出交付产品。

在之前的几次课当中，我们从需求分析入手，先构建了适合我们需求的 HTML 模板，然后使用 Stylus 编写了 CSS，接下来使用 ES6 编写了 JS 脚本，并用测试保证其工作正常。但是大家可能已经发现，这个系列教程中，我们写的代码，很少能直接放在浏览器里跑，大多是“预处理”，需要转译成我们熟悉的 HTML、CSS、JS。这也是 Node.js 大发展后的今天，每一个前端开发都要学习和适应的。

但是对于非前端、不熟悉这套流程的前端、希望把我们的产品当成黑盒直接使用的人来说，这样的交付物还不够。所以我们要把它编译打包，输出成我们常见的那种形式。完成这套工作需要批处理工具。

批处理工具从最初的 ant，到 Grunt，到 Gulp，后来闹过一阵 npm scripts，现在还是以 Gulp 为主。我们这次分享也是围绕 Gulp 展开的。

本节课计划讲授：

1. 使用 Gulp 进行批处理
2. 区分开发模式和发布模式
3. 使用 ESLint 工具进行代码审查

面向受众：

1. 希望学习批处理工具使用
2. 希望进一步了解 webpack
3. 希望使用 ESLint 科学管理项目

本系列目录

1. 实战组件开发——手机日历 - 1. 项目启动
2. 实战组件开发——手机日历 - 2. ES6 与测试
3. 实战组件开发——手机日历 - 3. UI 开发与策略模式