var gulp = require (' Gulp '),
Autoprefixer = require (' gulp-autoprefixer '),//Add CSS prefix automatically
Rename = require (' Gulp-rename '),//File Rename
Sass = require (' Gulp-sass '),//sass compilation
Minifycss = require (' gulp-minify-css '),//Compression CSS
Uglify = require (' gulp-uglify '),//Compression JS code
Concat = require (' Gulp-concat '),//merge JS file
Rev = require (' Gulp-rev '),//Change version name
Revcollector = require (' Gulp-rev-collector '),//rev plug-in for changing the reference to Lib in the HTML template
del = require (' del '),//purge file
Livereload = require (' Gulp-livereload '),
Babel = require (' Gulp-babel '),//purge file
Jade = require (' Gulp-jade '),//jade
Htmlmin = require ("Gulp-htmlmin"),//html
Connect = require (' Gulp-connect '),//Start a Web server with connect
Js_pach = [' app/static/**.js ', ' app/static/**/**.js ', ' app/template/**.js ', ' app/template/**/**.js ', ' app/template/* */**.js '],
var Css_pach = [' css/ionic_main.css ', ' css/huodong.css ', ' css/gouwuche.css ', ' css/chenggong.css '];
Scss_pach = [' app/**/**.scss ', ' app/**/**/**.scss ', ' app/**/**/**/**.scss ', ' app/**/**/**/**/**.scss '],
Jade_path = [' App/template/**.jade ', ' app/template/**/**.jade ', ' app/template/**/**/**.jade ', ' app/template/**/**/* */**.jade '],
Jade2_path = [' App/static/**.jade ', ' app/static/**/**.jade ', ' App/static/**/**/**.jade '],
Html_path = [' app/template/**.html ', ' app/template/**/**.html ', ' app/template/**/**/**.html ', ' app/template/**/**/* */**.html '],
All_path = Js_pach.concat (Scss_pach). Concat (Jade_path). Concat (Jade2_path). Concat (Html_path);
Gulp.task (' Connect ', function () {
Connect.server ({
Root: ",
Livereload:true,
port:8080//Server port
});
});
Gulp.task (' Babel ', function () {
Return Gulp.src (Js_pach)
. Pipe (Babel ({
Compact:false
// }))
. Pipe (Concat (' debug2.js '))
. Pipe (Gulp.dest (' JS '));
// });
Gulp.task (' Jade ', function () {
Return Gulp.src (Jade_path)
. Pipe (Jade ()). On (' Error ', function () {
Console.log ("Eroror")
})
. Pipe (Gulp.dest (' app/dist/templates ')). Pipe (Connect.reload ());
})
Gulp.task (' Jade2 ', function () {
Return Gulp.src (Jade2_path)
. Pipe (Jade ()). On (' Error ', function () {
Console.log ("Eroror")
})
. Pipe (Gulp.dest (' app/dist ')). Pipe (Connect.reload ());
});
Gulp.task (' HTML ', function () {
Return Gulp.src (Html_path)
. Pipe (Htmlmin ({collapsewhitespace:true,minifycss:true,minifyjs:true,removecomments:true,removeemptyattributes: True}))
. Pipe (Gulp.dest (' app/dist/templates ')). Pipe (Connect.reload ());
})
Gulp.task (' JS ', [' cleanjs '], function () {
Return Gulp.src (Js_pach)
. Pipe (Concat (' debug.js '))
. Pipe (Gulp.dest (' App/dist/js '))
. Pipe (Concat (' main.js '))
. Pipe (Uglify ())
. Pipe (rev ())
. Pipe (Gulp.dest (' App/dist/js '))
. Pipe (Rev.manifest ())
. Pipe (Gulp.dest (' App/dist/js '))
});
Gulp.task (' Cleanjs ', function (CB) {
Return del ([' App/dist/js/main-**.js '], CB)
});
Gulp.task (' Cleancss ', function (CB) {
Return del ([' App/dist/css/main-**.css '], CB)
});
Gulp.task (' Jsrev ', [' JS '], function () {
return gulp.src ([' App/dist/js/**.json ', ' index.html '])
. Pipe (Revcollector ({
Replacereved:true
}))
. Pipe (Gulp.dest (")). Pipe (Connect.reload ())
});
Gulp.task (' Sassrev ', [' sass '], function () {
return gulp.src ([' App/dist/css/**.json ', ' index.html '])
. Pipe (Revcollector ({
Replacereved:true
}))
. Pipe (Gulp.dest (")). Pipe (Connect.reload ())
});
Gulp.task (' sass ', [' cleancss '], function () {
Return Gulp.src (Scss_pach)
. Pipe (Sass ({
Outputstyle: ' Compressed '
}). On (' Error ', Sass.logerror))
. Pipe (Concat (' debug.css '))
. Pipe (Gulp.dest (' app/dist/css '))
. Pipe (Concat (' main.css '))
. Pipe (rev ())
. Pipe (Gulp.dest (' app/dist/css '))
. Pipe (Rev.manifest ())
. Pipe (Gulp.dest (' app/dist/css '));
});
Gulp.task (' Default ', function () {
Gulp.start (' Connect ', ' watch ');
});
Monitor file changes, automatically generate to Dist folder
Gulp.task (' Watch ', function () {
Gulp.watch (Js_pach, [' Jsrev ']);
Gulp.watch (Scss_pach, [' Sassrev ']);
Gulp.watch (Jade_path, [' Jade ']);
Gulp.watch (Jade2_path, [' Jade2 ']);
Gulp.watch (Html_path, [' html ']);
});
NPM install--save to download the dependent files to a local
Use Gulp to build a simple server, Gulp Standard Edition