-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
53 lines (49 loc) · 1.55 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
var gulp = require('gulp');
// Generate the css library
gulp.task('css', function () {
var concat = require('gulp-concat');
var postcss = require('gulp-postcss');
var tailwindcss = require('tailwindcss');
var replace = require('gulp-replace');
// copy assets
gulp.src('fonts/**/*').pipe(gulp.dest('docs/fonts/'));
// tailwind processing
return gulp.src('css/**/*.css')
.pipe(concat('lib.css'))
.pipe(postcss([
tailwindcss('./tailwind.js'),
require('autoprefixer'),
]))
.pipe(gulp.dest('build/'))
.pipe(gulp.dest('docs/'));
});
// Replace constants in the fixtures
gulp.task('fixtures', function () {
var htmlreplace = require('gulp-html-replace');
var options = require('./tailwind.js');
// Remplacements
var replacements = {};
for (var category in options) {
for (var key in options[category]) {
replacements[category+'-'+key] = typeof options[category][key] === 'string' ? options[category][key] : (
options[category][key] instanceof Array ? options[category][key].join(', ') : ''
);
}
}
gulp.src('fixtures/**/*.html')
.pipe(htmlreplace(replacements, { keepBlockTags:true }))
.pipe(gulp.dest('fixtures'));
});
// Generate the styleguide
gulp.task('styleguide', ['css', 'fixtures'], function () {
var livingcss = require('gulp-livingcss');
return gulp.src('docs/lib.css')
.pipe(livingcss('docs'))
.pipe(gulp.dest('docs'));
});
// Development mode
gulp.task('watch', function() {
var livereload = require('gulp-livereload');
livereload.listen({ port: 35730 });
gulp.watch(['tailwind.js', 'css/**/*.css'], ['styleguide']);
});