' Use strict '; //loading the Gulp module varGulp = require (' Gulp ')); varless = require (' gulp-less '); varAutoprefixer = require (' gulp-autoprefixer ');//Browser compatible varCssnano = require (' Gulp-cssnano ')); varBrowsersync = require (' Browser-sync ');//Hot Refresh Server varReload =Browsersync.reload; //Less compile compressionGulp.task (' less ',function() {GULP.SRC ([' Src/css/*.less ', '!src/css/_*.less ']) //use @import URL in less (' _a.less '). Pipe (Less ()). Pipe (Autoprefixer ({browsers: [' Last 2 versions ']). Pipe (Cssnano ()). Pipe (Gulp.dest (' Dist/css ') . Pipe (Reload ({stream:true })); }); varConcat = require (' Gulp-concat ')); varUglify = require (' gulp-uglify ')); varBabel=require (' Gulp-babel ') varBrowserify=require (' gulp-browserify ') //js Merge compression obfuscationGulp.task (' JS ',function() {GULP.SRC (' Src/js/*.js '). Pipe (Concat (' App.js ') . Pipe (Babel ())//use ES6 to add this item. Pipe (Browserify ({//browser compatible with require, etc., using asyncInsertglobals:true}). Pipe (Uglify ()). Pipe (Gulp.dest (' Dist/js ') . Pipe (Reload ({stream:true })); }); //Picture CopyGulp.task (' pic ',function() {GULP.SRC (' Src/pic/*.* '). Pipe (Gulp.dest (' Dist/pic ') . Pipe (Reload ({stream:true })); }) varHtmlmin = require (' gulp-htmlmin ')); //HTMLGulp.task (' HTML ',function() {GULP.SRC (' Src/*.html '). Pipe (Htmlmin ({collapsewhitespace:true, Collapsebooleanattributes:true, Removeattributequotes:true, removecomments:true, Removeemptyattributes:true, Removescripttypeattributes:true, Removestylelinktypeattributes:true, })) . Pipe (Gulp.dest (' Dist ') . Pipe (Reload ({stream:true })); }); Gulp.task (' Serve ', [' less ', ' js ', ' pic ', ' html '],function() {Browsersync ({notify:false, Port:3003, server: {baseDir: [' Dist '] } },function(Err, BS) {Console.log (Bs.options.getIn (["URLs", "local"])); }); Gulp.watch (' Src/css/*.less ', [' less ']); Gulp.watch (' Src/js/*.js ', [' JS ']); Gulp.watch (' Src/pic/*.* ', [' pic ']); Gulp.watch (' Src/*.html ', [' HTML ']); }); Gulp.task (' Default ', [' serve ']);
Gulpfile.js
Common configuration for Gulp