gulp打包构建

 1 /**
 2  * gulpfile.js
 3  * @author Huwj
 4  * Created 2015-07-31 10:09.
 5  */
 6 
 7 "use strict";
 8 var gulp = require(‘gulp‘),
 9     gulpLoadPlugin = require(‘gulp-load-plugins‘),
10     plugins = gulpLoadPlugin(),
11     //这里是一个配置的参数
12     config = {
13         path: ‘./‘,
14         src: ‘src‘,  //输入
15         dist: ‘build‘,  //输出
16         dev: ‘http://dev.5173cdn.com/newmobile/src‘,
17         img01: ‘http://img01.5173cdn.com/newmobile/build/1.00‘
18     },
19     ugJs = function ugJs(type) {
20         var type = type || null;   
21         return gulp.src(config.src + ‘/js/*.js‘)  //gulp去读取文件
22             .pipe(plugins.replace(config.dev, config.img01))  //js替换
23             .pipe(plugins.jshint())   //js校验
24             .pipe(plugins.jshint.reporter())   //js校验
25             .pipe(plugins.uglify())   //js压缩 
26             .pipe(gulp.dest(config.dist + ‘/1.00/js/‘)) //输出
27             .on(‘end‘, function () {    //和JQ的on方法类似
28                 if ( type ){
29                     ugCss(true);
30                 }
31             });
32     },
33     ugCss = function ugCss(type) {  
34         var type = type || null;
35         return gulp.src(config.src + ‘/css/*.css‘)
36             .pipe(plugins.replace(config.dev, config.img01))  
37             .pipe(plugins.minifyCss()) 
38             .pipe(gulp.dest(config.dist + ‘/1.00/css/‘))
39             .on(‘end‘, function () {
40                 if (type){
41                     ugImage(true);
42                 }
43             });
44     },
45     ugImage = function ugImage(type) {
46         var type = type || null;
47         return gulp.src(config.src + ‘/images/*‘)   
48             .pipe(plugins.imagemin({
49                 //optimizationLevel :3,  //默认压缩等级  
50                 progressive: true,  //对于jpg的图片压缩 
51                 svgoPlugins: [{removeViewBox: false}],  //对于svg的图片压缩 
52                 use: []  //使用额外的插件
53             }))
54             .pipe(gulp.dest(config.dist + ‘/1.00/images/‘))
55             .on(‘end‘, function () {
56                 if (type){
57                     ugHtml();
58                 }
59             });
60     },
61     ugHtml = function () {       
62         return gulp.src(config.src + ‘/html/*.html‘) 
63             .pipe(plugins.replace(config.dev, config.img01))
64             .pipe(gulp.dest(config.dist + ‘/1.00/html/‘));
65     };
66 
67 //注册css打包
68 gulp.task(‘js‘, function () {
69     ugJs();
70 });
71 
72 //注册js打包
73 gulp.task(‘css‘, function () {
74     ugCss();
75 });
76 
77 //注册image压缩
78 gulp.task(‘img‘, function () {
79     ugImage();
80 });
81 
82 //html替换
83 gulp.task(‘html‘, function () {
84     ugHtml();
85 });
86 
87 //全套
88 gulp.task(‘all‘, function () {  //先看这里就是运行ugJs这个方法
89     ugJs(true); 
90 });
91 
92 gulp.task(‘copy‘, function () {  
93     return gulp.src([‘./src/*‘, ‘./build/*‘])
94         .pipe(gulp.dest(‘../../tags/hybrid/‘));
95 });