gulp——myself配置

Posted Lonely existence, lonely burni

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp——myself配置相关的知识,希望对你有一定的参考价值。

var gulp = require(‘gulp‘),
    uglify = require(‘gulp-uglify‘),
    concat = require(‘gulp-concat‘);
 var pump = require(‘pump‘);
 var minifycss = require(‘gulp-minify-css‘);
 var htmlmin = require(‘gulp-htmlmin‘);
gulp.task(‘compress‘, function (cb) {
    pump([
            gulp.src(‘app/**/*.js‘),
            uglify(),

            gulp.dest(‘build‘)
        ],
        cb
    );
});


gulp.task(‘default‘, function () {
    gulp
        .src(‘app/**/*.js‘) // gulp.src从水源地把水取出来,创造第一根管子
        //.pipe(concat(‘all.js‘))
        .pipe(uglify()) // 新建一个管子,然后把水处理器塞到管子里面
        // gulp.dest(‘build‘) 其实也是一种水处理器,它的作用是把水引流到某个文件夹下面
        .pipe(gulp.dest(‘dist/js‘))
});
/*var htmlmin = require(‘gulp-htmlmin‘);
 gulp.task(‘html‘, function () {
 var options = {
 collapseWhitespace: true,
 collapseBooleanAttributes: true,
 removeComments: true,
 removeEmptyAttributes: true,
 removeScriptTypeAttributes: true,
 removeStyleLinkTypeAttributes: true,
 minifyJS: true, minifyCSS: true
 };
 gulp.src(‘app/*.html‘)
 .pipe(htmlmin(options))
 //.pipe(rename({suffix: ‘.min‘}))
 //.pipe(concat(‘index.html‘))
 .pipe(gulp.dest(‘/dist/html‘));
 });
 */


gulp.task(‘htmlmin‘, function() {
    return gulp.src([‘app/*/*.html‘, ‘app/*.html‘])
        .pipe(htmlmin({collapseWhitespace: true}))
        .pipe(gulp.dest(‘dist/html‘))
        //.pipe($.notify({ message: ‘htmlmin task done‘ }));
});

////压缩css
gulp.task(‘css‘, function () {
    gulp.src(‘app/css/*.css‘)      //压缩的文件
        //.pipe(rename({suffix: ‘.min‘}))
        .pipe(minifycss()) //执行压缩
        .pipe(concat(‘index.css‘))
        .pipe(gulp.dest(‘./dist/css‘))   //输出文件夹
});

gulp.task(‘watch‘,function(){
    var watcher = gulp.watch(‘app/*.js‘,[‘default‘])

});

 

以上是关于gulp——myself配置的主要内容,如果未能解决你的问题,请参考以下文章

gulp(gulpfile.js)配置文件

gulp+webpack配置

gulp安装及配置

gulp的使用之gulpfile.js文件的配置

Gulp 循环配置文件和合并任务...慢

gulp4.0基本配置,超简单!