多语言展示
当前在线:1693今日阅读:165今日分享:48

HTML5高级工程师之gulpjs

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器; 在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她, 我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/sass/less/html/css 等文件的的检查、合并、压缩、浏览器 自动刷新、部署文件生成,并监听文件在改动后重复执行以上的这些步 骤。在实现上,她借鉴了Unix操作系统的管道(pipe)思想,前一级 的输出,直接变成后一级的输入,使得在操作上非常简单。通过本次教 学,我们将学习如何使用Gulpjs来自动执行任务。
方法/步骤
1

nodejs的安装gulp是基于nodejs的,所以要先安装nodejs。

2

gulpjs的安装

3

gulpjs插件的安装

4

配置文件(定义插件)

5

配置文件(定义js任务)

6

配置文件(定义css任务)

7

配置文件(定义css任务)

8

配置文件(定义html任务)

10

配置文件(watch自动执行)

11

配置文件(执行默认任务)

12

配置文件(执行默认任务)

13

配置文件(定义connect任务)

14

gulpjs运行

推荐信息