var cleanCss = require; // 压缩 css. var livereload = require;//自动编译。gulp.task("server", [‘default‘],function(){//配置热更新服

gulpfile.js文件的名字是gulp要求的，不能随意更改③ 重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件④ 在gulpfile.js文件中编写任务⑤ 在命令行工具中执行gulp任务。gulp属于轻内核的第三方模块，提供的方法

// 暂时用下面这个 npm install gulp-babel @babel/core @babel/preset-env. gulp jsmin-------------------------------------- // 代码压缩npm ins

下面会说几个常见的gulp模块,列举功能和例子,希望你看完本章后能对gulp有个基本的掌握,能参照这里的写法,当需要使用时去官网上会自主查询。　　接受n个参数,每个参数是函数,会依次执行这些函数.　　创建一个用于将文件对象写入到文件系统的流。结合上面的AP

处理js文件的主要操作是，将js文件进行丑化，需要使用到一个插件为gulp-uglify，同样,是需要在cmd窗口执行npm install gulp-uglify --save-dev;示例代码如下：。//设置toplevel为true，就会处理顶级ja

因为在网页的开发中，为了加快网页渲染的速度，如果我们的js文件比较多的话，就可以使用gulp-concat插件，将多个js文件合并成一个文件，该插件的安装同样是在终端窗口执行命令：npm install gulp-concat --save-dev.//压

使用gulp自动化开发流程，配置好gulp后，可以自动给我们处理好一些工作，比如写完css后，要压缩成.min.css,写完js后，要进行相关的图片压缩等，这些工作都可以让gulp帮我们完成。gulp的安装非常简单，只要使用npm命令安装即可，但是因为gu

gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。项目构建是指项目上线之前对项目源代

如果您以前已经全局安装了gulp，npm rm --global gulp请先按照以下说明运行。有关更多信息，请阅读此Sip。这将指导您为项目命名，版本，说明等。确保输出与下面的屏幕截图匹配，否则您可能需要重新启动本指南中的步骤。默认任务将运行并且不执行任

gulp-babel这是Babel的Gulp插件。此自述文件适用于gulp-babel v8 + Babel v7检查7.x分支以了解使用Babel v6的文档。更多使用文档请点击访问gulp-babel工具官网。安装gulp-babel，如果你想获得的下

gulp-notify这是一款gulp通知插件。更多使用文档请点击访问gulp-notify工具官网。有关更多输入，请参见示例，或参见API部分。即使出错，gulp-notify也会传递vinyl files 。因此，如果您使用的是gulp-plumber

gulp-uglify这是一款使用UglifyJS缩小js文件。更多使用文档请点击访问gulp-uglify工具官网。为了帮助正确处理Node流的错误情况，该项目建议使用 pipelinefrom中的readable-stream。支持UglifyJS A

gulp-beautify这是一款使用js-beautify进行资产美化插件。更多使用文档请点击访问gulp-beautify工具官网。任何选项都将直接传递给js-beautify。

gulp-imagemin这是一款缩小PNG，JPEG，GIF和SVG图像的插件。更多使用文档请点击访问gulp-imagemin工具官网。请注意，您可能会遇到较旧的隐式语法。在版本低于3的版本中，如下所示：。压缩图片时比较耗时，在很多情况下我们只修改了某

gulp-rev-delete-origina这是一款删除由gulp-rev或 gulp-rev-all重写的原始文件 。更多使用文档请点击访问gulp-rev-delete-origina工具官网。过滤器，RegExp或function允许您排除某些文件

rev-del这是一款从模块生成的修订清单中删除旧的、未使用的指纹文件。更多使用文档请点击访问rev-del工具官网。oldManifest默认为“rev manifest.json”，而newManifest没有默认值；它假定您已经将其存储在内存中，因此

在项目开始之前先初始化 package.json文件 , 命令 : cnpm init -y

gulp 是基于node实现Web前端自动化开发的工具，它能够极大的提高开发效率。gulp还可以做很多事

例子中的React版本为v0.14.2.在这里，选择使用browserify进行打包，gulp进行任务构建。由于使用了ES2015和JSX语法，因此使用Babel进行转换。然后执行gulp即可。此时会将react和react-dom一起打包到bundle.

在当前文件夹下输入cmd,本教程为gulp添加版本号,清除浏览器缓存,.pipe //创建一个用于将 Vinyl 对象写入到文件系统的流。gulp.src //** 匹配多个目录及子目录 *匹配0或多个字符