-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
112 lines (72 loc) · 2.64 KB
/
gulpfile.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
const gulp = require('gulp')
const data = require('gulp-data')
const twig = require('gulp-twig')
const sass = require('gulp-sass')
const pleeease = require('gulp-pleeease')
const imagemin = require('gulp-imagemin')
const pngquant = require('imagemin-pngquant')
const fs = require('fs')
const twigMarkdown = require('twig-markdown')
const livereload = require('gulp-livereload')
const include = require('gulp-include') // could also use browserify
const SOURCE_DIR = './source';
const WEBROOT_DIR = './public';
const WEBROOT_DIR_ASSETS = WEBROOT_DIR + '/assets';
// twig templates
gulp.task('twig', function () {
return gulp.src(['source/pages/*.twig'])
.pipe(data(function (file) {
var testdata = JSON.parse(fs.readFileSync(SOURCE_DIR + '/data/testdata.json'))
var data = {}
// first object in this array contains settings
data.settings = testdata.shift()
data.chapters = testdata
data.env = "development"
// @TODO: do this as well for another language,
// so we have one output file for each language
data.lang = "de"
return data;
}))
.pipe(twig({
extend: twigMarkdown
}))
.pipe(gulp.dest(WEBROOT_DIR + '/'))
.pipe(livereload())
});
// Styles
gulp.task('styles', function () {
return gulp.src(SOURCE_DIR + '/scss/*.scss')
.pipe(sass({
errLogToConsole: true
}))
.on('error', sass.logError)
.pipe(pleeease({
"browsers": ["last 3 versions", "ie 10"],
"mqpacker": true
}))
.pipe(gulp.dest(WEBROOT_DIR_ASSETS + '/css'))
.pipe(livereload())
});
// Scripts
gulp.task('scripts', function () {
return gulp.src([SOURCE_DIR + '/js/*.js', '!' + SOURCE_DIR + '/js/_*.js'])
.pipe(include())
.pipe(gulp.dest(WEBROOT_DIR_ASSETS + '/js/'))
.pipe(livereload())
});
// Watchers
gulp.task('watch', function () {
// listen on port 8889
// make sure this port is used in the browser middleware
// <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':8889/livereload.js?snipver=1"></' + 'script>')</script>
livereload.listen(8889);
// Watch .json files
gulp.watch([SOURCE_DIR + '/data/*.json'], ['twig']);
// Watch .twig files
gulp.watch([SOURCE_DIR + '/**/*.twig'], ['twig']);
// Watch .scss files
gulp.watch([SOURCE_DIR + '/**/*.scss'], ['styles']);
// Watch .js files
gulp.watch(SOURCE_DIR + '/**/*.js', ['scripts']);
});
gulp.task('default', ['twig', 'styles', 'scripts', 'watch']);