您的位置:首页 > Web前端

gulp常用插件-gulp-uglify

2016-10-19 21:10 555 查看
使用
gulp-uglify
压缩
javascript
文件,减小文件大小。

github:https://github.com/terinjokes/gulp-uglify

配置
gulpfile.js


例子一:压缩单个js文件

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'));
});


例子二:压缩多个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'));
});


例子三:匹配符“!”,“”,“*”,“{}”

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'));
});


例子四:指定变量名不混淆改变

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 是否修改变量名
mangle: {except: ['require' ,'exports' ,'module' ,'$']}//排除混淆关键字
}))
.pipe(gulp.dest('dist/js'));
});


例子五:
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 是否完全压缩
preserveComments: 'all' //保留所有注释,该参数还有其它的值,如license、function、some
}))
.pipe(gulp.dest('dist/js'));
});


命令提示符执行:
gulp jsmin
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息