2017-09-27 23:10:41 +02:00
|
|
|
var gulp = require('gulp'),
|
|
|
|
connect = require('gulp-connect'),
|
2017-10-14 16:22:49 +02:00
|
|
|
less = require('gulp-less'),
|
|
|
|
cleanCSS = require('gulp-clean-css'),
|
|
|
|
rename = require('gulp-rename');
|
2017-09-27 23:10:41 +02:00
|
|
|
|
|
|
|
gulp.task('webserver', function() {
|
|
|
|
connect.server({
|
|
|
|
livereload: true
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('less', function() {
|
|
|
|
gulp.src('src/styles.less')
|
|
|
|
.pipe(less())
|
2017-10-14 16:22:49 +02:00
|
|
|
.pipe(cleanCSS({format: 'beautify'}))
|
2017-10-28 14:05:30 +02:00
|
|
|
.pipe(rename('paper.css'))
|
2017-09-27 23:10:41 +02:00
|
|
|
.pipe(gulp.dest('dist'))
|
|
|
|
.pipe(connect.reload());
|
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('watch', function() {
|
|
|
|
gulp.watch('src/*.less', ['less']);
|
2017-10-14 16:22:49 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('minify-css', () => {
|
2017-10-28 14:05:30 +02:00
|
|
|
gulp.src('dist/paper.css')
|
2017-10-14 16:22:49 +02:00
|
|
|
.pipe(cleanCSS())
|
2017-10-28 14:05:30 +02:00
|
|
|
.pipe(rename('paper.min.css'))
|
2017-10-14 16:22:49 +02:00
|
|
|
.pipe(gulp.dest('dist'));
|
|
|
|
});
|
2017-09-27 23:10:41 +02:00
|
|
|
|
2017-10-14 16:22:49 +02:00
|
|
|
gulp.task('default', ['less', 'webserver', 'watch']);
|
|
|
|
gulp.task('build', ['less', 'minify-css'])
|