npm,需要一个叫 package.json 的文件来管理依赖,可以手工去创建这个文件,也可以使用 npm init 这个命令。 输入

npm init


gulp.task('hello', function () {
  console.log('您好');
});

这样可以把 gulp 作为项目的开发依赖(只在开发时用,不会发布到线上),通过

npm install gulp –save-dev

在node_modules下安装本地的gulp库并把添加配置到 package.json 文件里面。

"devDependencies": {
    "gulp": "^3.9.0"
  }

1.创建配置文件:

gulp 的任务要放到一个叫 gulpfile.js 的文件里面,先在项目的根目录下面创建一个这样的文件。 然后在这个文件的顶部添加下面这行代码:

   var gulp = require('gulp');

通过require可以把gulp模块引入当前项目并赋值给gulp变量
这样,gulp 这个变量里面就会拥有 gulp 的所有的方法了

2.创建gulp的任务

可以使用gulp的task方法
同样我们去创建一个叫 hello 的任务,它要做的事就是在控制台上输出 “您好” 这两个字
第一个参数是任务的名称,第二个参数是任务的定义,是一个匿名函数

gulp.task('hello', function () {
  console.log('您好');
});

执行 Gulp 的任务,打开命令行工具,进入到项目所在的目录,然后输入:

gulp hello

gulp后面跟着的是任务的名称,不输入任务名称的话会默认找default任务,找不到会报错

~

gulp 只有你需要熟知的参数标记,其他所有的参数标记只在一些任务需要的时候使用。

  • -v 或 –version 会显示全局和项目本地所安装的 gulp 版本号
  • –gulpfile 手动指定一个 gulpfile 的路径,这在你有很多个 gulpfile 的时候很有用。这也会将 CWD 设置到该 gulpfile 所在目录
  • –cwd dirpath 手动指定 CWD。定义 gulpfile 查找的位置,此外,所有的相应的依赖(require)会从这里开始计算相对路径
  • -T 或 –tasks 会显示所指定 gulpfile 的 task 依赖树
  • –tasks-simple 会以纯文本的方式显示所载入的 gulpfile 中的 task 列表
  • –color 强制 gulp 和 gulp 插件显示颜色,即便没有颜色支持
  • –no-color 强制不显示颜色,即便检测到有颜色支持
  • –silent 禁止所有的 gulp 日志

gulp.js工作方式

gulp的使用流程一般是:首先通过gulp.src()方法获取到想要处理的文件流,
然后把文件流通过pipe方法导入到gulp的插件中,
最后把经过插件处理后的流再通过pipe方法导入到gulp.dest()中,
gulp.dest()方法则把流中的内容写入到文件中。例如:

var gulp = require('gulp');
gulp.src('script/src.js').pipe(gulp.dest('dist/dest.js')); // 写文件的api
完整的写法是:
//下面是把文件移动到别的文件里面;
gulp.task('testTo',function(){
    return gulp.src('./install.js').pipe(gulp.dest('./dest/test.js'));
});


 
~~~~~
~~~~~