gulp常用操作

1.安装node.js

2.npm init （创建文件夹，如npm init project,project是文件夹名）;该步骤执行后会创建一个package.json文件；

3.npm install gulp –save（将gulp加入到依赖中去）；

4.新建gulpfile.js文件,让gulp可以工作：

const gulp =require('gulp');//载入gulp核心包，const类似于var定义,ES6的语法
const less=require('gulp-less');//载入gulp-less插件

gulp.task('hello',function(){   
    //gulp是用来帮我们执行一些重复操作，一般我们将操作划分不同的任务,第一个参数是任务名，第二个参数是执行函数

})

5.执行任务，在命令行中输入：gulp hello

6.拷贝文件任务

gulp.task('dest',function(){
        //获取所有文件，顺着管道拷贝到指定文件夹
        gulp.src('src/**/*.*').pipe(
            gulp.dest('dest')
        );
        //当src任务完成变化时自动执行dest任务
        gulp.watch('src/*',['dest']);
})

7.gulp原本不支持任何功能，只提供最基础的API，扩展功能需要用到一些常用的插件
//编译less

gulp.task('less',function(){
        gulp.src('src/**/*.less').pipe(
        //让less转换成css，借助插件 gulp-less，需要使用npm install gulp-less --save下载gulp插件
            gulp.pipe(less())
            gulp.dest('dest/')
        )
})

**8.其他一些常用插件**