使用browser-sync自动刷新本地开发，配合gulp-uglify和gulp-minify-css压缩js和css，最后打包到dist目录下安装gulp等插件npminstallgulpnpminstall--save-dev...代码示例安装依赖npminstall--save-devgulpgulp-cleanrun-sequencebrowser-syncgulp-uglifygulp-minify-cssgulpfile.jsvargulp=require('gulp'),//cleangulp在本地安装的地方=require('gulp-clean'),runSequence=require('run-sequence');//同步执行任务varbrowserSync=require('browser-sync');varuglify=require("gulp-uglify");//获取gulp-ublify组件varminifyCSS=require('gulp-minify-css');varreload=browserSync.reload;gulp.task('devServer',function(){browserSync({notify:false,//是否打开浏览器提示port:9000,//portserver:{baseDir:['src']}});gulp.watch('./src/*.html',reload);//监听所有文件html目录});//清除dist目录下的所有文件gulp.task('clean',function(){returngulp.src('./dist/',{read:false}).pipe(clean());});//定义html任务gulp.task('move-html',function(){gulp.src("./src/*.html")//找到src文件夹下的所有html.pipe(gulp.dest("./dist"))//将压缩文件保存到dist/目录});gulp.task("move-script",function(){gulp.src("./src/js/*.js")//找到js文件夹下的所有js.pipe(uglify())//压缩文件.pipe(gulp.dest("dist/js"))//压缩完成保存最终文件到dist/js/目录});gulp.task("move-style",function(){gulp.src("./src/css/*.css")//找到css文件夹下的所有css.pipe(minifyCSS())//压缩文件.pipe(gulp.dest("dist/css"))//将压缩文件保存到dist/css/目录});//定义watch任务gulp.task('watch',function(){//gulp.watch('public/*.html').on('change',reload);gulp.watch('./src/*.html',reload);//监听html目录下的所有文件});gulp.task('move',['move-style','move-script','move-html']);//releasegulp.task('build',function(cb){runSequence('clean',//第一步：清理目标目录'move',//第二步：打包cb);});//devgulp.task('default',['devServer']);本地开发gulpdefaultreleasegulpbuild
