gulp略完整的前端代码打包

安装gulp-cli
npm install gulp-cli -g

安装gulp:
npm install gulp

需要:
另存命名为：gulpfile.js
package.json（团队开发）npm init下载 一路回车,最终选择yes;

安装gulp-uglify插件
npm install gulp-uglify --save-dev

安装完成后

验证:
gulp --version

看看是否安装成功。

步骤：

//引入依赖
var gulp = require('gulp');
//引入JS压缩插件
var uglify = require('gulp-uglify');
//配置任务
gulp.task('uglifyJS',function(){
    gulp.src('src/***.js')
    .pipe(uglify())
    .pipe(gulp.dest('dest'))
    
})
//默认注册任务
gulp.task('default',['uglifyJS']);

压缩css js img方法：

var gulp=require('gulp');
var uglify=require('gulp-uglify');//压缩文件
var rename=require('gulp-rename');//重命名文件
var mincss=require('gulp-mini-css');//css压缩文件
var imagemin = require('gulp-imagemin'); //图片压缩文件
gulp.task('uglify:js',function(){
    gulp.src('src/sum.js')
    .pipe(uglify())
    .pipe(rename('sum.min.js'))
    .pipe(gulp.dest('dest'));
});
gulp.task('css',function(){
    gulp.src('src/index1.css')
    .pipe(mincss())
    .pipe(rename('index1.min.css'))
    .pipe(gulp.dest('dest'));
gulp.task('imagemin', function(){
    gulp.src('src/***.png')
    .pipe(imagemin())
    .pipe(rename('***.min.png'))
    .pipe(gulp.dest('dest'));
})

还是那句话多看官方文档。

>>> github 地址，请选择   imagemin   分支<<<