187 lines
5.3 KiB
JavaScript
187 lines
5.3 KiB
JavaScript
var gulp = require("gulp"),
|
|
jade = require("gulp-jade"),
|
|
|
|
coffee = require("gulp-coffee"),
|
|
concat = require("gulp-concat"),
|
|
uglify = require("gulp-uglify"),
|
|
plumber = require("gulp-plumber"),
|
|
wrap = require("gulp-wrap"),
|
|
rename = require("gulp-rename"),
|
|
|
|
newer = require("gulp-newer"),
|
|
minifyHTML = require("gulp-minify-html"),
|
|
sass = require("gulp-ruby-sass"),
|
|
csslint = require("gulp-csslint"),
|
|
minifyCSS = require("gulp-minify-css"),
|
|
imagemin = require("gulp-imagemin"),
|
|
watch = require("gulp-watch"),
|
|
size = require("gulp-filesize"),
|
|
notify = require("gulp-notify"),
|
|
connect = require("gulp-connect"),
|
|
scsslint = require("gulp-scss-lint"),
|
|
newer = require("gulp-newer")
|
|
cache = require("gulp-cached");
|
|
|
|
var paths = {
|
|
app: "app",
|
|
dist: "dist",
|
|
html: "app/*.html",
|
|
jade: "app/partials/**/*.jade",
|
|
appStyles: "app/styles/**/*.scss",
|
|
distStyles: "dist/styles",
|
|
sassMain: "app/styles/main.scss",
|
|
css: "dist/styles/**/*.css",
|
|
images: "app/images/**/*"
|
|
};
|
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
// Layout/CSS Related tasks
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
gulp.task("jade", function() {
|
|
return gulp.src(paths.jade)
|
|
.pipe(plumber())
|
|
.pipe(jade({pretty: true}))
|
|
.pipe(gulp.dest(paths.dist + "/partials"));
|
|
});
|
|
|
|
// Sass lint
|
|
gulp.task("scss-lint", function() {
|
|
gulp.src([paths.appStyles, "!/**/bourbon/**/*.scss"])
|
|
.pipe(cache("scsslint"))
|
|
.pipe(scsslint({config: "scsslint.yml"}))
|
|
});
|
|
|
|
// Sass Files
|
|
gulp.task("sass", function () {
|
|
return gulp.src(paths.sassMain)
|
|
.pipe(plumber())
|
|
.pipe(sass())
|
|
.pipe(gulp.dest(paths.distStyles));
|
|
});
|
|
|
|
// CSS Linting and report
|
|
gulp.task("css", ["sass"], function() {
|
|
gulp.src([paths.css, "!"+paths.dist+"/styles/vendor/**/*.css"])
|
|
.pipe(csslint("csslintrc.json"))
|
|
.pipe(csslint.reporter());
|
|
});
|
|
|
|
|
|
// Minify CSS
|
|
gulp.task("minifyCSS", ["css", "sass"], function () {
|
|
gulp.src("dist/styles/main.css")
|
|
.pipe(minifyCSS())
|
|
.pipe(gulp.dest(paths.distStyles))
|
|
.pipe(size());
|
|
});
|
|
|
|
gulp.task("imagemin", function () {
|
|
return gulp.src(paths.images)
|
|
.pipe(plumber())
|
|
.pipe(imagemin({progressive: true}))
|
|
.pipe(gulp.dest(paths.dist+"/images"));
|
|
});
|
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
// JS Related tasks
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
gulp.task("coffee", function() {
|
|
return gulp.src(coffeeSources)
|
|
.pipe(plumber())
|
|
.pipe(coffee())
|
|
.pipe(concat("app.js"))
|
|
.pipe(gulp.dest("app/dist/js/"));
|
|
});
|
|
|
|
gulp.task("jslibs", function() {
|
|
return gulp.src(externalSources)
|
|
.pipe(plumber())
|
|
.pipe(concat("libs.js"))
|
|
.pipe(gulp.dest("app/dist/js/"));
|
|
});
|
|
|
|
gulp.task("locales", function() {
|
|
gulp.src("app/locales/en/app.json")
|
|
.pipe(wrap("angular.module('locales.en', []).constant('locales.en', <%= contents %>);"))
|
|
.pipe(rename("locale.en.coffee"))
|
|
.pipe(gulp.dest("app/coffee/"));
|
|
|
|
gulp.src("app/locales/es/app.json")
|
|
.pipe(wrap("angular.module('locales.es', []).constant('locales.es', <%= contents %>);"))
|
|
.pipe(rename("locale.es.coffee"))
|
|
.pipe(gulp.dest("app/coffee/"));
|
|
});
|
|
|
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
// Common tasks
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
// Copy Files
|
|
gulp.task("copy", ["sass"], function() {
|
|
// Copy fonts
|
|
gulp.src(paths.app+"/fonts/*")
|
|
.pipe(gulp.dest(paths.dist+"/fonts/"));
|
|
|
|
gulp.src(paths.app+"/images/*")
|
|
.pipe(gulp.dest(paths.dist+"/images/"));
|
|
});
|
|
|
|
gulp.task("connect", function() {
|
|
connect.server({
|
|
root: paths.dist,
|
|
livereload: true
|
|
});
|
|
});
|
|
|
|
// Rerun the task when a file changes
|
|
gulp.task("watch", function() {
|
|
gulp.watch(paths.jade, ["jade"]);
|
|
gulp.watch(paths.appStyles, ["scss-lint", "sass", "css"]);
|
|
});
|
|
|
|
gulp.task("express", function() {
|
|
var express = require("express");
|
|
var app = express();
|
|
|
|
app.use("/js", express.static(__dirname + "/app/js"));
|
|
app.use("/components", express.static(__dirname + "/app/components"));
|
|
app.use("/dist", express.static(__dirname + "/app/dist"));
|
|
app.use("/less", express.static(__dirname + "/app/less"));
|
|
app.use("/img", express.static(__dirname + "/app/img"));
|
|
app.use("/partials", express.static(__dirname + "/app/partials"));
|
|
app.use("/fonts", express.static(__dirname + "/app/fonts"));
|
|
|
|
app.all("/*", function(req, res, next) {
|
|
// Just send the index.html for other files to support HTML5Mode
|
|
res.sendfile("index.html", { root: __dirname + "/app/" });
|
|
});
|
|
|
|
app.listen(9001);
|
|
});
|
|
|
|
|
|
// The default task (called when you run `gulp` from cli)
|
|
gulp.task("default", [
|
|
"jade",
|
|
"sass",
|
|
"css",
|
|
"copy",
|
|
"connect",
|
|
"watch"
|
|
]);
|
|
|
|
// The default task (called when you run `gulp` from cli)
|
|
gulp.task("dist", [
|
|
"jade",
|
|
"sass",
|
|
"css",
|
|
"minifyCSS",
|
|
"imagemin",
|
|
"copy",
|
|
"connect",
|
|
"watch"
|
|
]);
|