Project-Neighborhood-Map/gulpfile.js at master · etokheim/Project-Neighborhood-Map · 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
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
var gulp =			require('gulp'),
	browserSync =	require('browser-sync'),
	reload =		browserSync.reload,
	uglify =		require('gulp-uglify'),
	cache =			require('gulp-cache'),
	del =			require('del'),
	rename =		require('gulp-rename'),
	notify =		require('gulp-notify'),
	htmlmin =		require('gulp-htmlmin'),
	cleanCSS =		require('gulp-clean-css'),
	usemin =		require('gulp-usemin');

// Gulp default task
gulp.task('default', ['clean'], function() {
	gulp.start(
		'get-bootstrap',
		'get-slick-carousel',
		'get-font-awesome',
		'get-jquery',
		'get-knockout',
		'minify-scripts',
		'minify-css',
		'minify-html',
		'move-images',
		'move-fonts'
	);
});

gulp.task('minify-scripts', function() {
	return gulp.src('src/js/**/*.js')
		// .pipe(rename({suffix: '.min'}))
		.pipe(uglify())
		.pipe(gulp.dest('docs/js'))
		.pipe(notify({ message: 'Minifying scripts complete' }));
});

gulp.task('minify-css', function() {
	return gulp.src('src/css/**/*.css')
		// .pipe(rename({suffix: '.min'}))
		.pipe(cleanCSS({compatibility: 'ie8'}))
		.pipe(gulp.dest('docs/css'))
		.pipe(notify({ message: 'Minifying CSS complete' }));
});

gulp.task('minify-html', function() {
	return gulp.src('src/*.html')
		// .pipe(rename({suffix: '.min'}))
		.pipe(htmlmin({collapseWhitespace: true}))
		.pipe(gulp.dest('docs'))
		.pipe(notify({ message: 'Minifying CSS complete' }));
});

gulp.task('move-images', function() {
	return gulp.src('src/img/*')
		.pipe(gulp.dest('docs/img'))
		.pipe(notify({ message: 'Moving images complete' }));
});

gulp.task('move-fonts', function() {
	return gulp.src('src/fonts/*')
		.pipe(gulp.dest('docs/fonts'))
		.pipe(notify({ message: 'Moving fonts complete' }));
});

gulp.task('clean', function() {
	return del(['docs/css', 'docs/js', 'docs/img', 'docs']);
});


/////////////////////
// Get extra files //
/////////////////////
gulp.task('get-bootstrap', function() {
	gulp.src('./node_modules/bootstrap/docs/css/bootstrap.css')
		.pipe(gulp.dest('./src/css/plug-ins/'));
});

gulp.task('get-knockout', function() {
	gulp.src('./node_modules/knockout/build/output/knockout-latest.js')
		.pipe(gulp.dest('./src/js/plug-ins/'));
});

gulp.task('get-jquery', function() {
	gulp.src('./node_modules/jquery/docs/jquery.min.js')
		.pipe(gulp.dest('./src/js/plug-ins/'));
});

gulp.task('get-font-awesome', function() {
	// gulp.src('./node_modules/font-awesome/css/font-awesome.css')
	// 	.pipe(gulp.dest('./src/css/plug-ins/'));

	gulp.src('./node_modules/font-awesome/fonts/*')
		.pipe(gulp.dest('./src/fonts/'));
});

gulp.task('get-slick-carousel', function() {
	gulp.src('./node_modules/slick-carousel/slick/*.css')
		.pipe(gulp.dest('./src/css/plug-ins/'));

	// Modified manually, should not be overwritten
	// gulp.src('./node_modules/slick-carousel/slick/*.min.js')
	// 	.pipe(gulp.dest('./src/js/plug-ins/'));

	gulp.src('./node_modules/slick-carousel/slick/*.gif')
		.pipe(gulp.dest('./src/img/plug-ins/'));
});


//////////////////////////////////////
// Watch Files For Changes & Reload //
//////////////////////////////////////
gulp.task('serve', function() {
	browserSync({
		notify: false,
		// Customize the BrowserSync console logging prefix
		logPrefix: 'WSK',
		// Run as an https by uncommenting 'https: true'
		// Note: this uses an unsigned certificate which on first access
		//       will present a certificate warning in the browser.
		// https: true,
		server: ['.tmp', 'src']
	});

	gulp.watch(['src/*.html'], reload);
	gulp.watch(['src/css/*.{scss,css}'], reload);
	gulp.watch(['src/js/*.js'], reload);
	gulp.watch(['src/images/**/*'], reload);
});