gulp安装使用

 

1. 安装nodeJs

 

2. 全局安装gulp： npm install gulp -g

 

3. 在cmd切换至项目文件夹下 npm init，创建package.json文件（JSON文件内不能写注释）

{

  "name":"test",   //项目名称（必须）

  "version":"1.0.0",   //项目版本（必须）

  "description":"This is for study gulp project !",   //项目描述（必须）

  "homepage":"",   //项目主页

  "repository":{    //项目资源库

    "type":"git",cd

    "url":"https://git.oschina.net/xxxx"

  },

  "author":{    //项目作者信息

    "name":"surging",

    "email":"surging2@qq.com"

  },

  "license":"ISC",    //项目许可协议

  "devDependencies":{    //项目依赖的插件

    "gulp":"^3.8.11",

    "gulp-less":"^3.0.0"

  }

}

 

4.项目根目录下本地安装gulp插件： npm install gulp-ruby-sass --save-dev

 

5.新建gulpfile.js

var gulp = require('gulp');

var sass = require('gulp-ruby-sass');

 

gulp.task('default', ['watch']);

 

// 编译sass

gulp.task('sass', function(){

    return sass('scss/*.scss')

        .on('error', sass.logError)

        .pipe(gulp.dest('css/'));

});

 

// 自动监听

gulp.task('watch', function(){

    gulp.watch('scss/*.scss',['sass']);

});

 

6.在项目根目录下运行：gulp或者gulp default

 

ps：项目文件结构

详细教程： http://www.ydcss.com/archives/18

 

转载于:https://www.cnblogs.com/my93/p/5681302.html