title: How to Pass a Relative Destination Path With gulp-watch and gulp-less
body: <p>So I want to watch for changes made to less files and have the destination path for the CSS be the same folder where the changed less file. </p>
  
  <p>Here's the general file structure:</p>
  
  <pre><code>    root
      |
      site1
      |   |
      |   includes
      |   |   |
      |   |   site1-styles.less
      |   |   site1-style.css
      site2
      |   |
      |   includes
      |   |   |
      |   |   site2-style.less
      |   |   site2-style.css
  </code></pre>
  
  <p>Here's what I thought might work, but Im realizing that the pathing probably doesn't make sense, and I'm not sure the best way to pass the right destination.</p>
  
  <pre><code>    // Require
      //////////////////////
      var gulp = require('gulp'),
      less = require('gulp-less'),
      minifyCSS = require('gulp-minify-css'),
      prefix = require('gulp-autoprefixer'),
  
  
      // Styles
      //////////////////////
      gulp.task('less', function () {
      gulp.src(['*/includes/*.less'])
      .pipe(less())
      .pipe(minifyCSS())
      .pipe(prefix("last 2 version", "&gt; 1%", "ie 8", "ie 7"))
      .pipe(gulp.dest('*/includes/'))
      });
  
      //Default
      //////////////////////
      gulp.task('default', function() {
      gulp.watch(['*/includes/*.less'], ['less']);
      });
  </code></pre>
  
  <p>Thanks</p>