gulp怎么用?新手必看教程!!!

安装gulp

1.全局安装gulp

npm install -g gulp(苹果系统前面加+sudo)

2.本地安装gulp

npm install --save-dev gulp

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

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

安装压缩代码插件:gulp-uglify

1.本地安装gulp-uglify

npm install gulp-uglify --save-dev

2.配置gulpfile.js

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

gulp.task('default',function(){
    gulp.src('1.js')
    .pipe(uglify())
    .pipe(gulp.dest('jieguo'));
});

对于src选择文件,可以用以下几种方法:

js/app.js 精确匹配文件

js/*.js 仅匹配js目录下的所有后缀为.js的文件

js/*/.js 匹配js目录及其子目录下所有后缀为.js的文件

!js/app.js 从匹配结果中排除js/app.js,这种方法在你想要匹配除了特殊文件之外的所有文件时非常管用

*.+(js|css) 匹配根目录下所有后缀为.js或者.css的文件

4.直接执行:gulp,就开始压缩了!gulp就开始干活了。

点赞