您正在学习的是试看内容,报名后可学习全部内容 报名课程
人气值 4k

实战组件开发——手机日历 - 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 开发与策略模式