1.[gulp进阶] gulpfile 发布配置（1） -- browserify 用法

[gulp进阶] gulpfile 发布配置（1） -- browserify 用法

公司项目用gulp蛮多的，根据自己平时的一些积累和收集的浅薄知识，为各位介绍平时项目经常使用的gulpfile配置

const
    gulp = require('gulp'),
    babel = require('gulp-babel'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    cssnano = require('gulp-cssnano'),
    concat = require('gulp-concat'),
    browserify = require('browserify'),
    source = require('vinyl-source-stream');

gulp.task('convertJS', () =>
    gulp.src('static/js/*.js')
    .pipe(babel({ presets: ['es2015'] }))
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'))
);

gulp.task('convertCSS', () =>
    gulp.src('static/css/*.css')
    .pipe(concat('static.css'))
    .pipe(cssnano())
    .pipe(rename((p => ath) { path.basename += '.min'; }))
    .pipe(gulp.dest('dist/css'))
);

gulp.task('watch', () => {
    gulp.watch('static/css/*.css', ['convertCSS']);
    gulp.watch('static/js/*.js', ['convertJS', 'browserify']);
});

gulp.task("browserify", () => {
    var b = browserify({
        entries: "dist/js/app.js"
    });
    return b.bundle()
        .pipe(source("bundle.js"))
        .pipe(gulp.dest("dist/js"));
});

gulp.task('start', ['convertJS', 'convertCSS', 'browserify', 'watch']);

觉得我的文章能帮到各位的 可以到gitbub star一下 gulp-awesome-tasks

感谢各位的阅读。ps:欢迎转载，不用署名，就说你写的。

以上。