Javascript 吞咽构建任务

我应该如何在我的

gulpfile.js

中形成我的

'build'

任务？现在，我只在所有当前任务上设置了一个runSequence，目标是src文件夹，而不是分发

我是否应该编写辅助任务，例如

sass-dist

，

'js-dist'

等

var gulp=require（'gulp'），
sass=require（'gulp-sass'），
管道工=需要（“管道工”），
gutil=require（'gulp-util'），
pug=需要（'gulp-pug'），
browserSync=require（'browser-sync'）。create（），
useref=require（'gulp-useref'），
uglify=需要（'gulp-uglify'），
gulpIf=require（'gulp-if'），
cssnano=需要（'gulp-cssnano'），
imagemin=require（'gulp-imagemin'），
cache=require（'gulp-cache'），
del=需要（'del'），
runSequence=require（'run-sequence'）；
函数句柄错误（err）{
gutil.beep（）；
log（err.toString（））；
这个.emit（'end'）；
}
吞咽任务（'sass'，函数（）{
返回gulp.src（'src/scss/***.scss'）
.水管工({
errorHandler:handleError
}))
.pipe（sass（））//使用gulp sass
.pipe（大口目的地（'src/css'））
.pipe（browserSync.reload({
溪流：对
}));
});
gulp.task（'views'，function buildHTML（））{
返回gulp.src（'src/views/*.pug'）
.pipe（哈巴狗（{}））
.pipe（大口目的地（'src/'））
});
gulp.task（'watch'，['browserSync'，'views'，'sass'，function（）{
吞咽手表（'src/scss/***.scss'，['sass']）；
狼吞虎咽的手表（'src/views/***.pug'，['views']）；
//HTML或JS文件更改时重新加载浏览器
gulp.watch（'src/views/***.pug'，browserSync.reload）；
gulp.watch（'src/*.html'，browserSync.reload）；
gulp.watch（'src/js/***.js'，browserSync.reload）；
});
吞咽任务（'browserSync'，函数（）{
browserSync.init({
服务器：{
baseDir:'src'
},
});
});
gulp.task（'useref'，function（）{
返回gulp.src（'src/*.html'）
.pipe（useref（））
.pipe（gulpIf（'*.js'，uglify（））
//仅当它是CSS文件时才缩小
.pipe（gulpIf（'*.css'，cssnano（））
.pipe（大口目的地（'dist'））；
});
吞咽任务（'images'，函数（）{
return gulp.src（'src/img/***.+（png | jpg | jpeg | gif | svg'））
//缓存通过imagemin运行的图像
.pipe（缓存（imagemin({
交错：对
})))
.管道（吞咽目标（“距离/图像”）；
});
gulp.task（'font'，function（）{
return gulp.src（'src/fonts/***'）
.pipe（gulp.dest（'dist/font'））；
});
吞咽任务（'clean:dist'，函数（）{
返回del.sync（'dist'）；
});
gulp.task（'build'，函数（回调）{
console.log（'Building project…'））
运行序列（'clean:dist'，['views'，'sass'，'useref'，'images'，'font']，
回拨
);
});
gulp.task（'default'，函数（回调）{
运行序列（['views'，'sass'，'browserSync'，'watch']，
回拨
);
});是。您必须编写所有任务


var gulp=require（'gulp'），
watch=require（'gulp-watch'），
autoprefixer=require（'gulp-autoprefixer'），
jshint=require（'gulp-jshint'），
时髦=需要（'jshint-STITY'），
sass=require（'gulp-sass'），
重命名=需要（“吞咽重命名”），
minifyCss=require（'gulp-minify-css'），
uglify=需要（'gulp-uglify'），
imagemin=require（'gulp-imagemin'），
concat=require（'gulp-concat'），
管道工=需要（“管道工”），
concatCss=require（'gulp-concat-css'），
jade=需要（'gulp-jade'）；
//玉石
吞咽任务（'jade'，函数（）{
gulp.src（'app/*.jade'）
.pipe（jade（{pretty:true}））
.管道（大口目的地（'./距离/'）；
});
//到区
吞咽任务（'sass-dist'，函数（）{
返回gulp.src（'app/sass/***.scss'）
.管道（大口目的地（'dist/sass/'）；
});
//汇编sass
吞咽任务（'sass'，函数（）{
返回gulp.src（'app/sass/***.scss'）
.管子（管道工（））
.pipe（sass（））
.管道（自动刷新器）({
浏览器：[“最近10个版本”]，
瀑布：错
}))
.pipe（gulp.dest（'dist/css/'））
.pipe（minifyCss（））
.pipe（重命名（{后缀：“.min”，}））
.pipe（大口目的地（'dist/css/'）；
});
//将所有css文件合并到一个
gulp.task（'css'，function（）{
return gulp.src（'app/css/*.css'）
.pipe（concatCss（“all pluging.css”））
.pipe（minifyCss（））
.pipe（大口目的地（'dist/css'））；
});
//缩小图像
gulp.task（'images'，function（）{
return gulp.src（'app/images/****.'）
.pipe（imagemin（））
.管道（吞咽目标（“距离/图像”）；
});
gulp.task（'images-content'，function（））{
return gulp.src（'app/assets/images/****'）
.pipe（imagemin（））
.管道（吞咽目的地（“距离/资产/图像”）；
});
gulp.task（'jshint'，function（）{
返回gulp.src（'app/js/*.js'）
.pipe（jshint（））
.pipe（jshint.reporter（时尚））
});
//将所有js文件合并到一个
吞咽任务（'concat'，函数（）{
返回gulp.src（['app/js/jquery/*.js'，'app/js/lib/*.js']））
.管道（丑（）
.pipe（concat（'all-plugins.js'））
.pipe（重命名（“all plugins.min.js”））
.管道（大口目的地（'dist/js/'）；
});
gulp.task（'js'，function（）{
gulp.src（'app/js/main.js'）
.管子（管道工（））
.pipe（大口目的地（'dist/js/'））
.管道（丑（）
.pipe（重命名（“main.min.js”））
.管道（大口目的地（'dist/js/'）；
});
吞咽任务（'watch'，function（）{
大口喝手表（'app/*.jade'，['jade']）；
gulp.watch（'app/sass/*.scss'，['sass-dist'，'font'，'sass']）；
gulp.watch（'app/assets/images/****'，[“images content]”）；
大口喝手表（'app/images/*.'，[“images”]）；
gulp.watch（“app/css/***.css”，[“css”]）；
大口大口地观看（'app/js/***.js'，[“jshint”，“concat”，“js]”）；
});
//违约
gulp.task（'default'，['jade'，'sass dist'，'sass'，'css'，'font'，'jshint'，'concat'，'js'，'images'，'images-content'，'watch']）查看您的gulpfile，我想您只在生产构建中使用它？这里没有实时重新加载，您如何回顾当前开发阶段的工作？