2017-12-23 10:42:29 +01:00
|
|
|
'use strict';
|
|
|
|
|
2017-12-08 20:34:56 +01:00
|
|
|
const gulp = require('gulp'),
|
2017-12-18 23:23:30 +01:00
|
|
|
connect = require('gulp-connect'),
|
|
|
|
sass = require('gulp-sass'),
|
|
|
|
cleanCSS = require('gulp-clean-css'),
|
|
|
|
rename = require('gulp-rename');
|
2017-12-05 23:45:16 +01:00
|
|
|
|
2017-09-27 23:10:41 +02:00
|
|
|
gulp.task('webserver', function() {
|
|
|
|
connect.server({
|
|
|
|
livereload: true
|
|
|
|
});
|
|
|
|
});
|
2017-12-05 23:45:16 +01:00
|
|
|
|
2017-12-18 23:23:30 +01:00
|
|
|
gulp.task('sass', function() {
|
2017-12-23 09:50:09 +01:00
|
|
|
gulp.src('src/**/*.scss')
|
2017-12-18 23:23:30 +01:00
|
|
|
.pipe(sass.sync().on('error', sass.logError))
|
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());
|
|
|
|
});
|
2017-12-05 23:45:16 +01:00
|
|
|
|
2017-12-18 23:23:30 +01:00
|
|
|
gulp.task('watch', function () {
|
2017-12-23 09:50:09 +01:00
|
|
|
gulp.watch('src/**/*.scss', ['sass']);
|
2017-10-14 16:22:49 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
gulp.task('minify-css', () => {
|
2017-12-23 10:42:29 +01:00
|
|
|
return gulp.src('src/**/*.scss')
|
|
|
|
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
|
|
|
|
.pipe(rename('paper.min.css'))
|
|
|
|
.pipe(gulp.dest('dist'));
|
2017-10-14 16:22:49 +02:00
|
|
|
});
|
2017-12-05 23:45:16 +01:00
|
|
|
|
2017-12-18 23:23:30 +01:00
|
|
|
gulp.task('default', ['sass', 'webserver', 'watch']);
|
2017-12-19 17:52:52 +01:00
|
|
|
gulp.task('build', ['sass', 'minify-css']);
|