Estou desenvolvendo um StyleGuide com o KSS, que para compilar o arquivo .json eu rodo o comando NPM RUN KSS ou kss --config kss-config.json... Ja automatizei todas as outras tarefas que preciso com o GULP...porém empaquei nessa.
Codigo abaixo:
var gulp = require('gulp'),
sass = require('gulp-sass'),
gulpkss = require('gulp-kss'),
gulpconcat = require('gulp-concat'),
watch = require('gulp-watch'),
browserSync = require('browser-sync')
kss = require ('kss');
gulp.task('server',function () {
browserSync.init({
server: {
baseDir: 'build'
}
});
gulp.watch('src/sass/**/*.scss',['kss']).on('change',browserSync.reload);
gulp.watch('build/*.html').on('change', browserSync.reload);
});
gulp.task('kss', function () {
});
gulp.task('kss-generate-styleguide',function () {
return gulp.src(['src/sass/**/*.scss'])
.pipe(gulpkss({
overview: __dirname + 'build/styleguide.md'
}))
.pipe(gulp.dest('build'));
})
gulp.task('kss-concat-compile', function () {
return gulp.src('src/sass/main.scss')
.pipe(sass())
.pipe(gulpconcat('public/main.css'))
.pipe(gulp.dest('build/'));
})