NodeJs Gulp模块

Gulp模块

1 gulp方法

• gulp.src()：获取任务要处理的文件。
• gulp.dest()：输出任务。
• gulp.task()：建立gulp任务.
• gulp.eatch()：监控文件的变化。

//gulp.task()建立任务，第一个参数为任务名称；第二个参数为回调函数
gulp.task('first',() => {
    console.log('第一个gulp文件');
    // 获取文件 
    gulp.src('./src/index.html')
    //将处理后的文件输出到指定目录
    .pipe(gulp.dest('new'));
});

2 gulp插件

查看插件

• gulp-htmlmin：html文件压缩。
• gulp-csso：压缩css。
• gulp-babel：JavaScript语法转换。
• gulp-less：less语法转换。
• gulp-uglify：压缩混淆JavaScript。
• gulpfile-include：公共文件包含。
• browsersync：浏览器实时同步。