码迷,mamicode.com
首页 > Web开发 > 详细

gulp做简单的js压缩

时间:2017-11-03 18:50:42      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:keyword   获得   执行   return   word   smi   ret   install   class   

安装工具

全局安装
npm install --global gulp

项目的依赖安装
npm install --save-dev gulp
npm install --save-dev gulp-rename
npm install --save-dev gulp-uglify
npm install --save-dev gulp-concat

在要压缩的src目录下创建gulpfile.js

var gulp = require(‘gulp‘);
var rename = require(‘gulp-rename‘);
var uglify = require(‘gulp-uglify‘);
var concat = require(‘gulp-concat‘);

//建立一个名为jsmin的任务
gulp.task(‘min‘,function(){
    return gulp.src(‘src/**/*.js‘)             //压缩src目录下(**表示子目录)的所有.js文件,
        .pipe(concat(‘all.js‘))       
        .pipe(gulp.dest(‘src‘))                //输出新文件
        .pipe(uglify())                     //压缩文件
        .pipe(rename({extname:‘.min.js‘}))    //重命名
        .pipe(gulp.dest(‘src‘))             //执行压缩后保存的文件夹
});

//建立一个默认执行的任务
gulp.task(‘default‘,[‘min‘])

结果获得一个未压缩的all.js和已经压缩的all.min.js

gulp做简单的js压缩

标签:keyword   获得   执行   return   word   smi   ret   install   class   

原文地址:http://www.cnblogs.com/maxwell-xu/p/7779104.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!