gulp教程之gulp-uglify

6,327次阅读

共计 1021 个字符，预计需要花费 3 分钟才能阅读完成。

简介：
使用 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'));
});

正文完