191.gulp处理JavaScript文件的任务

Posted 2020-11-28 一笑而过~一笑奈何

处理js文件的主要操作是，将js文件进行丑化，需要使用到一个插件为gulp-uglify，同样,是需要在cmd窗口执行npm install gulp-uglify --save-dev;示例代码如下：

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

//创建一个处理js文件的任务
gulp.task('js', function() {
    gulp.src('./js/*.js')
    .pipe(uglify({
    //设置toplevel为true，就会处理顶级javascript中的常量，默认情况下为false。
        'toplevel': true,
        'compress': {
            'drop_console': true, //不允许打印出控制台信息
            'drop_debugger': true,
            //不允许打印出debug信息
            }
    }))
    //将处理过的压缩文件进行重命名，加后缀名：.min
    .pipe(rename({'suffix':'.min'}))
    //将压缩过的文件放到目标文件夹中
    .pipe(gulp.dest('./dist/js/'))
});

其中，uglify()函数还可以对js文件做一些其他的处理，可查看官网相关介绍：https://www.npmjs.com/package/gulp-uglify。

在这里进行摘录：

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var pipeline = require('readable-stream').pipeline;
 
gulp.task('compress', function () {
  return pipeline(
        gulp.src('lib/*.js'),
        uglify(),
        gulp.dest('dist')
  );
});