最新消息:看到那些跳动的图片、文字了吗?点击点击 O(∩_∩)O~~

gulp教程之gulp-uglify

若思若想 onlyling 5812浏览

简介:
使用gulp-uglify压缩javascript文件,减小文件大小。

本地安装gulp-uglify
安装:命令提示符执行 npm install gulp-uglify –save-dev

配置gulpfile.js
1、基本使用

var gulp = require('gulp'),
    uglify = require('gulp-uglify');
 
gulp.task('jsmin', function () {
    gulp.src('src/js/index.js')
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

2、压缩多个js文件

var gulp = require('gulp'),
    uglify = require('gulp-uglify');
 
gulp.task('jsmin', function () {
    gulp.src(['src/js/index.js','src/js/detail.js']) //多个文件以数组形式传入
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

3、匹配符“!”,“*”,“**”,“{}”

var gulp = require('gulp'),
    uglify= require('gulp-uglify');
 
gulp.task('jsmin', function () {
    //压缩src/js目录下的所有js文件
    //除了test1.js和test2.js(**匹配src/js的0个或多个子文件夹)
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js']) 
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

4、gulp-uglify其他参数 具体参看

var gulp = require('gulp'),
    uglify= require('gulp-uglify');
 
gulp.task('jsmin', function () {
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js'])
        .pipe(uglify({
            mangle: true,//类型:Boolean 默认:true 是否修改变量名
            compress: true//类型:Boolean 默认:true 是否完全压缩
        }))
        .pipe(gulp.dest('dist/js'));
});

转载请注明:OnlyLing - Web 前端开发者 » gulp教程之gulp-uglify