gulp file basic support for styleguide copy and watch

Author: bmuenzenmeyer

gulpfile.js

@@ -8,7 +8,6 @@ var pkg = require('./package.json'),
     strip_banner = require('gulp-strip-banner'),
     header = require('gulp-header'),
     nodeunit = require('gulp-nodeunit'),
-		//sass = require('gulp-sass'),
     browserSync = require('browser-sync').create();
 
 require('gulp-load')(gulp);
@@ -94,6 +93,15 @@ gulp.task('cp:css', function(){
     .pipe(browserSync.stream());
 });
 
+// Styleguide Copy
+gulp.task('cp:styleguide', function(){
+  return gulp.src(
+      [ '**/*'],
+      {cwd:paths().source.styleguide} )
+      .pipe(gulp.dest(paths().public.styleguide))
+      .pipe(browserSync.stream());;
+});
+
 //server and watch tasks
 gulp.task('connect', ['lab'], function(){
   browserSync.init({
@@ -103,15 +111,13 @@ gulp.task('connect', ['lab'], function(){
   });
   gulp.watch(path.resolve(paths().source.css, '**/*.css'), ['cp:css']);
 
-  //suggested watches if you use scss
-  // gulp.watch(paths().source.css + '**/*.scss', ['sass:style']);
-  // gulp.watch(paths().public.styleguide + '*.scss', ['sass:styleguide']);
+  gulp.watch(path.resolve(paths().source.styleguide, '**/*.*'), ['cp:styleguide']);
 
   gulp.watch(
     [
       path.resolve(paths().source.patterns, '**/*.mustache'),
       path.resolve(paths().source.patterns, '**/*.json'),
-      path.resolve(paths().source.data, '*.json')
+      path.resolve(paths().source.data, '*.json'),
     ],
     ['lab-pipe'],
     function () { browserSync.reload(); }
@@ -125,25 +131,6 @@ gulp.task('nodeunit', function(){
     .pipe(nodeunit());
 });
 
-//sass tasks, turn on if you want to use
-// gulp.task('sass:style', function(){
-// 	return gulp.src(paths().source.css + '*.scss')
-// 		.pipe(sass({
-// 			outputStyle: 'expanded',
-// 			precision: 8
-// 		}))
-// 		.pipe(gulp.dest(paths().public.css))
-//     .pipe(browserSync.stream());
-// })
-// gulp.task('sass:styleguide', function(){
-// 	return gulp.src(gulp.dest(paths().public.styleguide + 'css/*.scss')
-//  		.pipe(sass({
-//  			outputStyle: 'expanded',
-//  			precision: 8
-//  		}))
-//  		.pipe(gulp.dest(paths().public.styleguide + 'css'))
-//     .pipe(browserSync.stream());
-// })
 
 gulp.task('lab-pipe', ['lab'], function(cb){
   cb();
@@ -152,7 +139,7 @@ gulp.task('lab-pipe', ['lab'], function(cb){
 
 gulp.task('default', ['lab']);
 
-gulp.task('assets', ['cp:js', 'cp:img', 'cp:font', 'cp:data', 'cp:css' /*'sass:style', 'sass:styleguide'*/]);
+gulp.task('assets', ['cp:js', 'cp:img', 'cp:font', 'cp:data', 'cp:css', 'cp:styleguide' ]);
 gulp.task('prelab', ['clean', 'assets']);
 gulp.task('lab', ['prelab', 'patternlab'], function(cb){cb();});
 gulp.task('patterns', ['patternlab:only_patterns']);