soundmap/gulpfile.js at main · janwo/soundmap · 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
129
130
131
132
133
134
135
136
137
138
139
var gulp = require('gulp'),
plugins = require('gulp-load-plugins')();

var config = {};
// Paths of original files.
config.src = './src/';
config.bower = config.src + '/vendor';
config.src_img = config.src + '/img';
config.src_js = config.src + '/js';
config.src_scss = config.src + '/scss';
config.src_fonts = config.src + '/fonts';

// Paths of compiled files.
config.dst = './dst/';
config.dst_img = config.dst + '/img';
config.dst_js = config.dst + '/js';
config.dst_css = config.dst + '/css';
config.dst_fonts = config.dst + '/fonts';

// Gulp settings.
config.uglify = {
	preserveComments: 'some'
};
config.minifyCss = {
	keepSpecialComments: '*'
};

// Plugins.
config.plugin_srcs = {
	scripts: [
		config.bower + '/modernizr/modernizr.js',
		config.bower + '/jquery/dist/jquery.js',
		config.bower + '/foundation/js/foundation.js',
		config.bower + '/fastclick/lib/fastclick.js'
	],
	styles: [
		config.bower + '/animate-css/animate.css',
		config.bower + '/fontawesome/css/font-awesome.css',
		config.bower + '/owl-carousel2/dist/assets/owl.carousel.css'
	],
	fonts: [
		config.bower + '/fontawesome/fonts/**.*'
	]
};

// Styles.
gulp.task('styles', function() {
return plugins.rubySass(config.src_scss + '/*', { style: 'expanded' })
	.on('error', function (err) {
		console.error('Error!', err.message);
		this.emit('end');
	})
	.pipe(plugins.autoprefixer('> 5%', 'last 1 version'))
	//.pipe(plugins.sourcemaps.init())
	.pipe(plugins.minifyCss(config.minifyCss))
	//.pipe(plugins.sourcemaps.write())
	.pipe(plugins.rename({ suffix: '.min' }))
	.pipe(gulp.dest(config.dst_css));
});

// Plugin styles.
gulp.task('plugin-styles', function () {
	return gulp.src(config.plugin_srcs.styles)
		.pipe(plugins.concat('plugins.css'))
		//.pipe(plugins.sourcemaps.init())
		.pipe(plugins.minifyCss(config.minifyCss))
		//.pipe(plugins.sourcemaps.write())
		.pipe(plugins.rename({ suffix: '.min' }))
		.pipe(gulp.dest(config.dst_css));
});

// Scripts.
gulp.task('scripts',function(){
	return gulp.src(config.src_js + '/*.js')
		.pipe(plugins.concat('app.js'))
		//.pipe(plugins.sourcemaps.init())
		.pipe(plugins.uglify(config.uglify))
		.pipe(plugins.stripDebug())
		//.pipe(plugins.sourcemaps.write())
		.pipe(plugins.rename({ suffix: '.min' }))
		.pipe(gulp.dest(config.dst_js));
});

// Plugin scripts.
gulp.task('plugin-scripts', function() {
	gulp.src(config.plugin_srcs.scripts)
		.pipe(plugins.concat("plugins.js"))
		//.pipe(plugins.sourcemaps.init())
		.pipe(plugins.uglify(config.uglify))
		//.pipe(plugins.sourcemaps.write())
		.pipe(plugins.rename({ suffix: '.min' }))
		.pipe(gulp.dest( config.dst_js ))
});

// Fonts.
gulp.task('fonts', function () {
	return gulp.src([config.src_fonts + '/*'])
		.pipe(gulp.dest(config.dst_fonts));
});

// Plugin fonts.
gulp.task('plugin-fonts', function () {
	return gulp.src(config.plugin_srcs.fonts)
		.pipe(gulp.dest(config.dst_fonts));
});

// Images.
gulp.task('images', function () {
	return gulp.src(config.src_img + '/**/**.*')
		.pipe(plugins.cache(plugins.imagemin({
			progressive: true,
			svgoPlugins: [{removeComments: false}],
			multipass: true
		})))
		.pipe(gulp.dest(config.dst_img));
});

// Watch.
gulp.task('watch', function() {
	// Trigger gulp.
	gulp.watch(config.src_scss + '/**/*', ['styles']);
	gulp.watch(config.src_js + '/**/*', ['scripts']);
	gulp.watch(config.src_img + '/**', ['images']);
	gulp.watch(config.src_fonts + '/**', ['fonts']);

	// Trigger reloading.
	plugins.livereload.listen();
	gulp.watch('**/*.php').on('change', plugins.livereload.changed);
	gulp.watch(config.dst_css + '/*.css').on('change', plugins.livereload.changed);
	gulp.watch(config.dst_js + '/*.js').on('change', plugins.livereload.changed);
	gulp.watch(config.dst_img + '/**').on('change', plugins.livereload.changed);
	gulp.watch(config.dst_fonts + '/**').on('change', plugins.livereload.changed);
});

// Default task.
gulp.task('default', ['styles', 'scripts', 'images', 'fonts', 'plugins']);

// Plugin task.
gulp.task('plugins', ['plugin-styles', 'plugin-scripts', 'plugin-fonts']);