首页

gulp简介

kkcode
2018-04-07  阅读 140

gulp的安装

1.全局安装gulp

npm install --global gulp复制代码

2.作为项目的开发依赖(devDependencies)安装

npm install --save-dev gulp复制代码

3.在项目根目录下创建一个名为gulpfile.js的文件

var gulp = require('gulp');

gulp.task('default',function(){
    // 将你的默认的任务代码放在这
});复制代码

4 . 运行gulp

gulp复制代码

注意

默认的名为default的任务将会被运行,在这里,这个任务并未做任何事情。 想要单独执行特定的任务(task),请输入gulp <task> <othertask>

gulp的应用

gulp 是用来帮助我们执行一些重复操作的 一般我们将这些重复的操作划分为不同的任务

如何定义一个 任务

1.第一个参数是任务名

2.第二个参数是任务执行体

gulp.task('hello',function(){
    console.log(hello kkcode);
});复制代码

运行任务

gulp hello

简单的gulpfile.js文件

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');

var paths = {
    script:['js/index.js','js/main.js']
}

gulp.task('default',function(){
    // paths 也可以正则匹配,如: 'js/*.js'
    gulp.src(paths)
            .pipe(uglify)
            .pipe(concat('all.min.js'))
            .pipe(gulp.dest('build'));
});复制代码

gulp的一些有用链接

本文为作者原创文章,转载无需和我联系,但请注明转载链接。 【前端黑猫】