有人可以查看我的gulpfile.js吗?

有人可以查看我的gulpfile.js吗?,gulp,minify,browser-sync,Gulp,Minify,Browser Sync,对于任何试图缩小html和gulp sass以及浏览器同步的人,下面是我的固定gulpfile.js 我希望它能帮助一些人,因为对于像我这样的新手来说,吞咽是很困难的 'use strict'; var gulp = require('gulp'); var minifyHTML = require('gulp-minify-html'); var sass = require('gulp-sass'); var browsersync = require('browser-sync')

对于任何试图缩小html和gulp sass以及浏览器同步的人,下面是我的固定gulpfile.js

我希望它能帮助一些人,因为对于像我这样的新手来说,吞咽是很困难的

   'use strict';

var gulp = require('gulp');
var minifyHTML = require('gulp-minify-html');
var sass = require('gulp-sass');
var browsersync = require('browser-sync');

// BrowserSync proxy
    gulp.task('browser-sync', function() {
    browsersync({
        proxy: "localhost:8888"
    });
});
// BrowserSync reload all Browsers
gulp.task('browsersync-reload', function () {
    browsersync.reload();

});

gulp.task('minify-html', function() {
  return gulp.src('src/*.html')
    .pipe(minifyHTML({ empty: true }))
    .pipe(gulp.dest('dist'))
    .pipe(browsersync.reload({ stream:true }));
});

gulp.task('sass', function () {
  gulp.src('./src/sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./dist/css'))
    .pipe(browsersync.reload({ stream:true }));
});

// watch task
gulp.task('watch', ['browser-sync'], function () {
  gulp.watch('./src/**/*.html', ['minify-html']);
  gulp.watch('./src/sass/**/*.scss', ['sass']);
});

gulp.task('default', [ 'minify-html', 'sass', 'watch']);

下面是我在重构你的gulpfile时的一个快速尝试。我所做的就是删除一些重复的代码,并以更合理的方式拆分任务。我建议的主要事情是,确保每个任务都有一个单一的目的,并且根据需要使用gulp依赖系统来组合它们

作为将来的参考,我会问他们,因为他们更有可能帮助重构和代码审查

很抱歉出现了错误,因为我没有测试环境

//包括吞咽
var gulp=需要(“gulp”);
//包括插件
var minifyHTML=require('gulp-minify-html');
var minifyCSS=require('gulp-minify-css');
var变更=要求('gulp-changed');
var concat=需要(“咕噜咕噜咕噜”);
var browserSync=require('browser-sync')。create();
变量路径={
html:{src:'./src/*.html',dest:'./'},
css:{src:'src/css/*.css',dest:'css'},
};
//缩小新的或更改的HTML页面
task('html:build',function()){
gulp.src(path.html.src)
.管道(已更改(htmlDst))
.pipe(minifyHTML())
.pipe(gulp.dest(path.html.dest));
});
//CSS concat、自动前缀和缩小
gulp.task('css:build',function()){
gulp.src(path.css.src)
.pipe(concat('styles.css'))
.pipe(minifyCSS())
.pipe(gulp.dest(path.html.dest));
});
task('html:watch',function()){
watch(path.html.src,['html:build']);
});
gulp.task('css:watch',function(){
watch(path.css.src,['css:build']);
});
gulp.task('serve',function(){
browserSync.init({
服务器:“./”
});
gulp.watch([“css/*.css”,“*.html”])。on('change',browserSync.reload);
});
//默认吞咽任务
任务('build',['html:build','css:build']);
task('watch',['html:watch','css:watch']);
吞咽任务('default',['build','watch','serve']);

谢谢!我现在就试试。我的Gulp命令有时陷入循环,所以我知道我的代码是多余的。再次感谢你抽出时间。