generated from o/repo-template
41 lines
1.0 KiB
JavaScript
41 lines
1.0 KiB
JavaScript
let gulp = require('gulp'),
|
|
prefix = require('gulp-autoprefixer'),
|
|
sass = require('gulp-sass')(require('node-sass')),
|
|
sourcemaps = require('gulp-sourcemaps'),
|
|
rename = require('gulp-rename'),
|
|
cssmin = require('gulp-cssnano'),
|
|
normalize = require('node-normalize-scss');
|
|
|
|
// Options
|
|
const sassOptions = {
|
|
outputStyle: 'expanded',
|
|
includePaths: normalize.includePaths
|
|
};
|
|
|
|
const paths = {
|
|
css: './dist/css',
|
|
sourcemaps: './maps',
|
|
sass: './src/css/scss/**/*.scss',
|
|
sassFile: './src/css/scss/style.scss',
|
|
};
|
|
|
|
/*
|
|
* compile sass
|
|
* inkl. autoprefixer, normalize and sourcemaps
|
|
*/
|
|
gulp.task('styles', function() {
|
|
return gulp.src(paths.sassFile)
|
|
.pipe(sourcemaps.init())
|
|
.pipe(sass(sassOptions))
|
|
.on('error', function(errorMsg) {
|
|
console.log(errorMsg.toString());
|
|
this.emit('end');
|
|
})
|
|
.pipe(prefix())
|
|
.pipe(rename('style.css'))
|
|
.pipe(gulp.dest(paths.css))
|
|
.pipe(cssmin())
|
|
.pipe(rename({ suffix: '.min' }))
|
|
.pipe(sourcemaps.write(paths.sourcemaps))
|
|
.pipe(gulp.dest(paths.css))
|
|
}); |