added resolve path to grunt and gulp to guard against any relative path problems.

added watch for fonts and images folder

Author: bmuenzenmeyer

Gruntfile.js

@@ -62,27 +62,29 @@ module.exports = function(grunt) {
 		copy: {
 			main: {
 				files: [
-					{ expand: true, cwd: paths().source.js, src: '*.js', dest: paths().public.js},
-					{ expand: true, cwd: paths().source.css, src: '*.css', dest: paths().public.css },
-					{ expand: true, cwd: paths().source.images, src: ['**/*.png', '**/*.jpg', '**/*.gif', '**/*.jpeg'], dest: paths().public.images },
-					{ expand: true, cwd: paths().source.fonts, src: '*', dest: paths().public.fonts},
-					{ expand: true, cwd: paths().source.data, src: 'annotations.js', dest: paths().public.data}
+					{ expand: true, cwd: path.resolve(paths().source.js), src: '*.js', dest: path.resolve(paths().public.js) },
+					{ expand: true, cwd: path.resolve(paths().source.css), src: '*.css', dest: path.resolve(paths().public.css) },
+					{ expand: true, cwd: path.resolve(paths().source.images), src: ['**/*.png', '**/*.jpg', '**/*.gif', '**/*.jpeg'], dest: path.resolve(paths().public.images) },
+					{ expand: true, cwd: path.resolve(paths().source.fonts), src: '*', dest: path.resolve(paths().public.fonts) },
+					{ expand: true, cwd: path.resolve(paths().source.data), src: 'annotations.js', dest: path.resolve(paths().public.data) }
 				]
 			},
 			styleguide: {
 				files: [
-					{ expand: true, cwd: paths().source.styleguide, src: ['*.*', '**/*.*'], dest: paths().public.styleguide }
+					{ expand: true, cwd: path.resolve(paths().source.styleguide), src: ['*.*', '**/*.*'], dest: path.resolve(paths().public.styleguide) }
 				]
 			}
 		},
 		watch: {
 			all: {
 				files: [
-					paths().source.css + '**/*.css',
-					paths().source.styleguide + 'css/*.css',
-					paths().source.patterns + '**/*.mustache',
-					paths().source.patterns + '**/*.json',
-					paths().source.data + '*.json'
+					path.resolve(paths().source.css + '**/*.css'),
+					path.resolve(paths().source.styleguide + 'css/*.css'),
+					path.resolve(paths().source.patterns + '**/*.mustache'),
+					path.resolve(paths().source.patterns + '**/*.json'),
+					path.resolve(paths().source.fonts + '/*'),
+					path.resolve(paths().source.images + '/*'),
+					path.resolve(paths().source.data + '*.json')
 				],
 				tasks: ['default', 'bsReload:css']
 			}
@@ -93,7 +95,7 @@ module.exports = function(grunt) {
 		browserSync: {
 			dev: {
 				options: {
-					server:  paths().public.root,
+					server:  path.resolve(paths().public.root),
 					watchTask: true,
 					watchOptions: {
 						ignoreInitial: true,
@@ -103,15 +105,15 @@ module.exports = function(grunt) {
 						{
 							module: 'bs-html-injector',
 							options: {
-								files: [paths().public.root + '/index.html', paths().public.styleguide + '/styleguide.html']
+								files: [path.resolve(paths().public.root + '/index.html'), path.resolve(paths().public.styleguide + '/styleguide.html')]
 							}
 						}
 					]
 				}
 			}
 		},
 		bsReload: {
-			css: paths().public.root + '**/*.css'
+			css: path.resolve(paths().public.root + '**/*.css')
 		}
 	});
 

gulpfile.js

@@ -62,51 +62,51 @@ gulp.task('banner', function(){
 
 // JS copy
 gulp.task('cp:js', function(){
-  return gulp.src('**/*.js', {cwd:paths().source.js})
-    .pipe(gulp.dest(paths().public.js));
+  return gulp.src('**/*.js', {cwd: path.resolve(paths().source.js)} )
+    .pipe(gulp.dest(path.resolve(paths().public.js)));
 });
 
 // Images copy
 gulp.task('cp:img', function(){
   return gulp.src(
     [ '**/*.gif', '**/*.png', '**/*.jpg', '**/*.jpeg'  ],
-    {cwd:paths().source.images} )
-    .pipe(gulp.dest(paths().public.images));
+    {cwd: path.resolve(paths().source.images)} )
+    .pipe(gulp.dest(path.resolve(paths().public.images)));
 });
 
 // Fonts copy
 gulp.task('cp:font', function(){
-  return gulp.src('*', {cwd:paths().source.fonts})
-    .pipe(gulp.dest(paths().public.images));
+  return gulp.src('*', {cwd: path.resolve(paths().source.fonts)})
+    .pipe(gulp.dest(path.resolve(paths().public.images)));
 });
 
 // Data copy
 gulp.task('cp:data', function(){
-  return gulp.src('annotations.js', {cwd:paths().source.data})
-    .pipe(gulp.dest(paths().public.data));
+  return gulp.src('annotations.js', {cwd: path.resolve(paths().source.data)})
+    .pipe(gulp.dest(path.resolve(paths().public.data)));
 });
 
 // CSS Copy
 gulp.task('cp:css', function(){
   return gulp.src(path.resolve(paths().source.css, 'style.css'))
-    .pipe(gulp.dest(paths().public.css))
+    .pipe(gulp.dest(path.resolve(paths().public.css)))
     .pipe(browserSync.stream());
 });
 
 // Styleguide Copy
 gulp.task('cp:styleguide', function(){
   return gulp.src(
       [ '**/*'],
-      {cwd:paths().source.styleguide} )
-      .pipe(gulp.dest(paths().public.styleguide))
+      {cwd: path.resolve(paths().source.styleguide)} )
+      .pipe(gulp.dest(path.resolve(paths().public.styleguide)))
       .pipe(browserSync.stream());;
 });
 
 //server and watch tasks
 gulp.task('connect', ['lab'], function(){
   browserSync.init({
     server: {
-      baseDir: paths().public.root
+      baseDir: path.resolve(paths().public.root)
     }
   });
   gulp.watch(path.resolve(paths().source.css, '**/*.css'), ['cp:css']);
@@ -118,6 +118,9 @@ gulp.task('connect', ['lab'], function(){
       path.resolve(paths().source.patterns, '**/*.mustache'),
       path.resolve(paths().source.patterns, '**/*.json'),
       path.resolve(paths().source.data, '*.json'),
+      path.resolve(paths().source.fonts + '/*'),
+      path.resolve(paths().source.images + '/*'),
+      path.resolve(paths().source.data + '*.json'),
     ],
     ['lab-pipe'],
     function () { browserSync.reload(); }