如何使用gulp对js文件进行压缩并重命名呢？？？So easy！！！

首先我们先来看一下将多个js文件打包到一个js文件中，该如何操作实现呢？？？

第一步：

cnpm i gulp gulp-uglify gulp-concat -D

第二步：
书写gulpfile.js文件：
代码如下：

const gulp=require('gulp');
const uglify=require('gulp-uglify');
const concat=require('gulp-concat');

gulp.task('js', ()=>{
  return gulp
    .src(['./src/js/**/*.js'])
    .pipe(concat('bundle.min.js'))  
    .pipe(uglify())
    .pipe(gulp.dest('./build/js'));
});

gulp.task('default', ['js']);

第三步：
在命令行中输入 gulp 即可！！！

效果如下：
js文件夹下原来的两个js文件，经过gulp压缩之后，

变成了下面的样子 ！！！

由上面的代码可以看到很容易就能实现，但是此时如果想要分开压缩，并且重命名压缩后的文件名，又该怎么办呢？？？

我们知道重命名的英文是rename，所以我们先要下载一个包。

cnpm i gulp-rename -D

之后就是对gulpfile.js 文件做相应的修改！！！
代码如下：

const gulp=require('gulp');
const uglify=require('gulp-uglify');
const concat=require('gulp-concat');
const rename=require('gulp-rename');

gulp.task('js', ()=>{
  return gulp
    .src(['./src/js/**/*.js'])
    //.pipe(concat('bundle.min.js'))  
    // 这一步表示如果你不想打包到一个文件中，可以注释掉这一行，并且如果你想对压缩后的文件进行重命名，就下载一个gulp-rename这个包
    .pipe(uglify())
    .pipe(rename({suffix: '.min'})) // 这个参数是后缀的意思，即在 .js前面加上 .min
    .pipe(gulp.dest('./build/js'));
});

gulp.task('default', ['js']);

再次输入命令 gulp 之后，就可以看到如下所示的效果了！！！

怎么样，是不是很简单，你有没有学会呢！！！赶紧动手自己操作一下吧 ！！！

如果这篇文章能够帮助到您，希望您不要吝惜点赞????????和收藏????????，您的支持是我继续努力的动力 ????????！！！