You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
946 B
40 lines
946 B
7 years ago
|
var gulp = require('gulp');
|
||
|
|
var sass = require('gulp-sass');
|
||
|
|
var cleancss = require('gulp-clean-css');
|
||
|
|
var csscomb = require('gulp-csscomb');
|
||
|
|
var rename = require('gulp-rename');
|
||
|
|
var autoprefixer = require('gulp-autoprefixer');
|
||
|
|
var sourcemaps = require('gulp-sourcemaps');
|
||
|
|
|
||
|
|
// configure the paths
|
||
|
|
var watch_dir = './scss/**/*.scss';
|
||
|
|
var src_dir = './scss/*.scss';
|
||
|
|
var dest_dir = './css-compiled';
|
||
|
|
|
||
|
|
var paths = {
|
||
|
|
source: src_dir
|
||
|
|
};
|
||
|
|
|
||
|
|
gulp.task('watch', function() {
|
||
|
|
gulp.watch(watch_dir, ['build']);
|
||
|
|
});
|
||
|
|
|
||
|
|
gulp.task('build', function() {
|
||
|
|
gulp.src(paths.source)
|
||
|
|
.pipe(sourcemaps.init())
|
||
|
|
.pipe(sass({outputStyle: 'compact', precision: 10})
|
||
|
|
.on('error', sass.logError)
|
||
|
|
)
|
||
|
|
.pipe(sourcemaps.write())
|
||
|
|
.pipe(autoprefixer())
|
||
|
|
.pipe(gulp.dest(dest_dir))
|
||
|
|
.pipe(csscomb())
|
||
|
|
.pipe(cleancss())
|
||
|
|
.pipe(rename({
|
||
|
|
suffix: '.min'
|
||
|
|
}))
|
||
|
|
.pipe(gulp.dest(dest_dir));
|
||
|
|
});
|
||
|
|
|
||
|
|
gulp.task('default', ['build']);
|