html-css-template/gulpfile.js at master · jalners/html-css-template · GitHub

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
/*------------------------------------------------------------------------------
	Dependencies
------------------------------------------------------------------------------*/
var gulp = require('gulp'),
	concat = require('gulp-concat'),
	watch = require('gulp-watch'),
	less = require('gulp-less'),
	cssmin = require('gulp-cssmin'),
	connect = require('gulp-connect'),
	preprocess = require('gulp-preprocess'),
	rename = require("gulp-rename"),
	del = require('del');


/*------------------------------------------------------------------------------
	Webserver
------------------------------------------------------------------------------*/
gulp.task('connect', function() {
	connect.server({
		root: '',
		livereload: true
	});
});


/*------------------------------------------------------------------------------
	Development tasks
------------------------------------------------------------------------------*/
gulp.task('clean-dev', function () {
	del(['./css/main.min.css']);
});

gulp.task('html', function () {
	gulp.src('./assets/html/*.html')
		.pipe(preprocess({context: { NODE_ENV: 'development'}}))
		.pipe(gulp.dest('./'))
		.pipe(connect.reload());
});

gulp.task('less', function () {
	gulp.src('./assets/less/main.less')
		.pipe(less())
		.pipe(gulp.dest('./css'))
		.pipe(connect.reload());
});

gulp.task('watch', function () {
	gulp.watch('./assets/html/*.html', ['html']);
	gulp.watch('./assets/less/**/*.less', ['less']);
});


/*------------------------------------------------------------------------------
	Production tasks
------------------------------------------------------------------------------*/
gulp.task('clean-prod', function () {
	del(['./css/main.css']);
});

gulp.task('html-prod', function () {
	gulp.src('./assets/html/*.html')
		.pipe(preprocess({context: { NODE_ENV: 'production'}}))
		.pipe(gulp.dest('./'));
});

gulp.task('css-prod', function () {
	gulp.src('./assets/less/main.less')
		.pipe(less())
		.pipe(cssmin())
		.pipe(rename('main.min.css'))
		.pipe(gulp.dest('./css'));
});


/*------------------------------------------------------------------------------
	Gulp tasks
------------------------------------------------------------------------------*/
gulp.task('default', ['clean-dev', 'html', 'less', 'connect', 'watch']);

gulp.task('build', ['clean-prod', 'html-prod', 'css-prod']);