[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:欢迎转载，不用署名，就说你写的。
以上。
