title: Using gulp to compile bootstrap.less files into main bootstrap.css?
body: <p>I really do like gulpjs it was my task manager of choice, but I kind of wish I knew about task managers a few months back and got into gruntjs, mainly for the support. For gulpjs its hard to find information on specific things. </p>
  
  <p>My question is how do I setup my <code>gulpfile.js</code> so that I can make edits to bootstrap.less files specifically the <code>variables.less</code>. I did install "<a href="https://github.com/plus3network/gulp-less" rel="nofollow noreferrer">gulp-less</a>" , and implemented it like below.</p>
  
  <pre><code>var less = require('gulp-less'),
      path = require('path');
  
  gulp.task('less', function () {
    gulp.src('./source/less/variables.less')
      .pipe(less())
      .pipe(gulp.dest('./source/css/bootstrap.css'));
  });
  </code></pre>
  
  <p>I get the error below after running <code>gulp less</code>.</p>
  
  <p><code>
  events.js:72
          throw er; // Unhandled 'error' event
               ^<br>
  Error: EEXIST, mkdir 'C:\wamp\www\myproj\source\css\bootstrap.css'
  </code></p>
  
  <p>I don't think my sass task code is setup properly, I am a gulp noobie but I have tried multiple combinations, and yes I did use the example from the "<a href="https://github.com/plus3network/gulp-less" rel="nofollow noreferrer">gulp-less</a>" documentation, the code I used was the most concise clear cut code on what I want to accomplish.</p>
  
  <p><strong>Edit:</strong> I am finding some good keywords for this on google I found a few recent posts about this, here is one <a href="https://stackoverflow.com/questions/21962146/starting-gulp-with-gulp-less-maintain-folder-structure">Starting Gulp with Gulp-less maintain folder structure</a> doesn't seem like there is a good answer ill have to read up.</p>
  
  <p><strong>Additional:</strong> I forgot when using the code from the docs, I get an error with alerts.less</p>
  
  <pre><code>gulp.task('less', function () {
    gulp.src('./source/less/*.less')
      .pipe(less({
        paths: [ path.join(__dirname, 'less', 'includes') ]
      }))
      .pipe(gulp.dest('./source/css'));
  });
  </code></pre>
  
  <p>Error</p>
  
  <p><code>stream.js:94<br>
        throw er; // Unhandled stream error in pipe.<br>
              ^<br>
  [gulp] Error in plugin 'gulp-less': variable @alert-padding is undefined in file C:\wamp\www\myproj\source\less\alerts.less line 
  no. 10</code></p>
  
  <p>Even when I remove that line, it just keeps finding new errors.</p>
  
  <p><strong>Edit:</strong> The docs do say, the following but that doesnt make sense to me, is it saying that there is supposed to be an error, if so thats confusing, Ill try following the guide they provide. </p>
  
  <p><strong>Error handling</strong></p>
  
  <p>By default, a gulp task will fail and all streams will halt when an error happens. To change this behavior check out the error handling documentation here</p>