Rewrite gulpfile to coffee
David Barragán Merino
parent
925d488eab
commit
d2c8179447
|
|
@ -0,0 +1,209 @@
|
||||||
|
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")
|
||||||
|
|
||||||
|
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/**/*"
|
||||||
|
coffee: ["app/coffee/app.coffee",
|
||||||
|
"config/main.coffee",
|
||||||
|
"app/coffee/*.coffee",
|
||||||
|
"app/coffee/modules/*.coffee",
|
||||||
|
"app/coffee/modules/resources/init.coffee",
|
||||||
|
"app/coffee/modules/resources/*.coffee",
|
||||||
|
"app/coffee/**/*.coffee"]
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
# Ordered list of vendor/external libraries.
|
||||||
|
vendorJsLibs = [
|
||||||
|
"app/vendor/jquery/dist/jquery.js",
|
||||||
|
"app/vendor/lodash/dist/lodash.js",
|
||||||
|
"app/vendor/emoticons/lib/emoticons.js",
|
||||||
|
"app/vendor/underscore.string/lib/underscore.string.js",
|
||||||
|
"app/vendor/angular/angular.js",
|
||||||
|
"app/vendor/angular-route/angular-route.js",
|
||||||
|
"app/vendor/angular-sanitize/angular-sanitize.js",
|
||||||
|
"app/vendor/angular-animate/angular-animate.js"
|
||||||
|
]
|
||||||
|
|
||||||
|
|
||||||
|
##############################################################################
|
||||||
|
# Layout/CSS Related tasks
|
||||||
|
##############################################################################
|
||||||
|
|
||||||
|
gulp.task "jade", ->
|
||||||
|
gulp.src(paths.jade)
|
||||||
|
.pipe(plumber())
|
||||||
|
.pipe(jade({pretty: true}))
|
||||||
|
.pipe(gulp.dest("#{paths.dist}/partials"))
|
||||||
|
|
||||||
|
gulp.task "template", ->
|
||||||
|
gulp.src("#{paths.app}/index.jade")
|
||||||
|
.pipe(plumber())
|
||||||
|
.pipe(jade({pretty: true, locals:{v:(new Date()).getTime()}}))
|
||||||
|
.pipe(gulp.dest(paths.dist))
|
||||||
|
|
||||||
|
|
||||||
|
# Sass lint
|
||||||
|
gulp.task "scss-lint", ->
|
||||||
|
gulp.src([paths.appStyles, "!/**/bourbon/**/*.scss"])
|
||||||
|
.pipe(cache("scsslint"))
|
||||||
|
.pipe(scsslint({config: "scsslint.yml"}))
|
||||||
|
|
||||||
|
|
||||||
|
# Sass Files
|
||||||
|
gulp.task "sass", ->
|
||||||
|
gulp.src(paths.sassMain)
|
||||||
|
.pipe(plumber())
|
||||||
|
.pipe(sass())
|
||||||
|
.pipe(gulp.dest(paths.distStyles))
|
||||||
|
|
||||||
|
|
||||||
|
# CSS Linting and report
|
||||||
|
gulp.task "css", ["sass"], ->
|
||||||
|
gulp.src([paths.css, "!#{paths.dist}/styles/vendor/**/*.css"])
|
||||||
|
.pipe(csslint("csslintrc.json"))
|
||||||
|
.pipe(csslint.reporter())
|
||||||
|
|
||||||
|
|
||||||
|
# Minify CSS
|
||||||
|
gulp.task "minifyCSS", ["css", "sass"], ->
|
||||||
|
gulp.src("dist/styles/main.css")
|
||||||
|
.pipe(minifyCSS())
|
||||||
|
.pipe(gulp.dest(paths.distStyles))
|
||||||
|
.pipe(size())
|
||||||
|
|
||||||
|
gulp.task "imagemin", ->
|
||||||
|
gulp.src(paths.images)
|
||||||
|
.pipe(plumber())
|
||||||
|
.pipe(imagemin({progressive: true}))
|
||||||
|
.pipe(gulp.dest(paths.dist+"/images"))
|
||||||
|
|
||||||
|
|
||||||
|
##############################################################################
|
||||||
|
# JS Related tasks
|
||||||
|
##############################################################################
|
||||||
|
|
||||||
|
gulp.task "coffee", ->
|
||||||
|
gulp.src(paths.coffee)
|
||||||
|
.pipe(plumber())
|
||||||
|
.pipe(coffee())
|
||||||
|
.pipe(concat("app.js"))
|
||||||
|
.pipe(gulp.dest("dist/js/"))
|
||||||
|
|
||||||
|
gulp.task "jslibs", ->
|
||||||
|
gulp.src(vendorJsLibs)
|
||||||
|
.pipe(plumber())
|
||||||
|
.pipe(concat("libs.js"))
|
||||||
|
.pipe(gulp.dest("dist/js/"))
|
||||||
|
|
||||||
|
|
||||||
|
gulp.task "locales", ->
|
||||||
|
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"], ->
|
||||||
|
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", ->
|
||||||
|
connect.server({
|
||||||
|
root: paths.dist
|
||||||
|
livereload: true
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
# Rerun the task when a file changes
|
||||||
|
gulp.task "watch", ->
|
||||||
|
gulp.watch(paths.jade, ["jade"])
|
||||||
|
gulp.watch(paths.appStyles, ["scss-lint", "sass", "css"])
|
||||||
|
gulp.watch(paths.coffee, ["coffee"])
|
||||||
|
|
||||||
|
|
||||||
|
gulp.task "express", ->
|
||||||
|
express = require("express")
|
||||||
|
app = express()
|
||||||
|
|
||||||
|
app.use("/js", express.static("#{__dirname}/dist/js"))
|
||||||
|
app.use("/styles", express.static("#{__dirname}/dist/styles"))
|
||||||
|
app.use("/images", express.static("#{__dirname}/dist/images"))
|
||||||
|
app.use("/partials", express.static("#{__dirname}/dist/partials"))
|
||||||
|
app.use("/fonts", express.static("#{__dirname}/dist/fonts"))
|
||||||
|
|
||||||
|
app.all "/*", (req, res, next) ->
|
||||||
|
# Just send the index.html for other files to support HTML5Mode
|
||||||
|
res.sendfile("index.html", {root: "#{__dirname}/dist/"})
|
||||||
|
|
||||||
|
app.listen(9001)
|
||||||
|
|
||||||
|
|
||||||
|
# The default task (called when you run gulp from cli)
|
||||||
|
gulp.task "default", [
|
||||||
|
"jade",
|
||||||
|
"template",
|
||||||
|
"sass",
|
||||||
|
"css",
|
||||||
|
"copy",
|
||||||
|
"coffee",
|
||||||
|
"jslibs",
|
||||||
|
"connect",
|
||||||
|
"express",
|
||||||
|
"watch"
|
||||||
|
]
|
||||||
|
|
||||||
|
# The default task (called when you run `gulp` from cli)
|
||||||
|
gulp.task "dist", [
|
||||||
|
"jade",
|
||||||
|
"sass",
|
||||||
|
"css",
|
||||||
|
"minifyCSS",
|
||||||
|
"imagemin",
|
||||||
|
"copy",
|
||||||
|
"connect",
|
||||||
|
"watch"
|
||||||
|
]
|
||||||
215
gulpfile.js
215
gulpfile.js
|
|
@ -1,215 +0,0 @@
|
||||||
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/**/*",
|
|
||||||
coffee: ["app/coffee/app.coffee",
|
|
||||||
"config/main.coffee",
|
|
||||||
"app/coffee/*.coffee",
|
|
||||||
"app/coffee/modules/*.coffee",
|
|
||||||
"app/coffee/modules/resources/init.coffee",
|
|
||||||
"app/coffee/modules/resources/*.coffee",
|
|
||||||
"app/coffee/**/*.coffee"]
|
|
||||||
};
|
|
||||||
|
|
||||||
// Ordered list of vendor/external libraries.
|
|
||||||
var vendorJsLibs = [
|
|
||||||
"app/vendor/jquery/dist/jquery.js",
|
|
||||||
"app/vendor/lodash/dist/lodash.js",
|
|
||||||
"app/vendor/emoticons/lib/emoticons.js",
|
|
||||||
"app/vendor/underscore.string/lib/underscore.string.js",
|
|
||||||
"app/vendor/angular/angular.js",
|
|
||||||
"app/vendor/angular-route/angular-route.js",
|
|
||||||
"app/vendor/angular-sanitize/angular-sanitize.js",
|
|
||||||
"app/vendor/angular-animate/angular-animate.js"
|
|
||||||
]
|
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
|
||||||
// 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"));
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task("template", function() {
|
|
||||||
return gulp.src(paths.app + "/index.jade")
|
|
||||||
.pipe(plumber())
|
|
||||||
.pipe(jade({pretty: true, locals:{v:(new Date()).getTime()}}))
|
|
||||||
.pipe(gulp.dest(paths.dist));
|
|
||||||
});
|
|
||||||
|
|
||||||
// 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(paths.coffee)
|
|
||||||
.pipe(plumber())
|
|
||||||
.pipe(coffee())
|
|
||||||
.pipe(concat("app.js"))
|
|
||||||
.pipe(gulp.dest("dist/js/"));
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task("jslibs", function() {
|
|
||||||
return gulp.src(vendorJsLibs)
|
|
||||||
.pipe(plumber())
|
|
||||||
.pipe(concat("libs.js"))
|
|
||||||
.pipe(gulp.dest("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.watch(paths.coffee, ["coffee"]);
|
|
||||||
});
|
|
||||||
|
|
||||||
gulp.task("express", function() {
|
|
||||||
var express = require("express");
|
|
||||||
var app = express();
|
|
||||||
|
|
||||||
app.use("/js", express.static(__dirname + "/dist/js"));
|
|
||||||
app.use("/styles", express.static(__dirname + "/dist/styles"));
|
|
||||||
app.use("/images", express.static(__dirname + "/dist/images"));
|
|
||||||
app.use("/partials", express.static(__dirname + "/dist/partials"));
|
|
||||||
app.use("/fonts", express.static(__dirname + "/dist/fonts"));
|
|
||||||
|
|
||||||
app.all("/*", function(req, res, next) {
|
|
||||||
// Just send the index.html for other files to support HTML5Mode
|
|
||||||
res.sendfile("index.html", { root: __dirname + "/dist/" });
|
|
||||||
});
|
|
||||||
|
|
||||||
app.listen(9001);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// The default task (called when you run `gulp` from cli)
|
|
||||||
gulp.task("default", [
|
|
||||||
"jade",
|
|
||||||
"template",
|
|
||||||
"sass",
|
|
||||||
"css",
|
|
||||||
"copy",
|
|
||||||
"coffee",
|
|
||||||
"jslibs",
|
|
||||||
"connect",
|
|
||||||
"express",
|
|
||||||
"watch"
|
|
||||||
]);
|
|
||||||
|
|
||||||
// The default task (called when you run `gulp` from cli)
|
|
||||||
gulp.task("dist", [
|
|
||||||
"jade",
|
|
||||||
"sass",
|
|
||||||
"css",
|
|
||||||
"minifyCSS",
|
|
||||||
"imagemin",
|
|
||||||
"copy",
|
|
||||||
"connect",
|
|
||||||
"watch"
|
|
||||||
]);
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
"author": "Kaleidos",
|
"author": "Kaleidos",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"gulp": "^3.6.0",
|
"gulp": "^3.8.0",
|
||||||
"coffee-script": "^1.7.1",
|
"coffee-script": "^1.7.1",
|
||||||
"express": "^4.3.0",
|
"express": "^4.3.0",
|
||||||
"gulp-clean": "^0.2.4",
|
"gulp-clean": "^0.2.4",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue