title: How can I integrate Bower with Gulp.js?
body: <p>I am trying to write a gulp task that does a few things</p>
  
  <ol>
  <li>Install the Bower dependencies</li>
  <li>Concat those dependencies into one file in the order of the dependencies</li>
  </ol>
  
  <p>I was hoping to do this without having to specify the paths to those dependencies. I know there is the command <code>bower list --paths</code> but I am unsure of if it is possible to tie it together. </p>
  
  <p>Any thoughts?</p>
  
  <h1>Edit</h1>
  
  <p>So I am trying to use the <a href="https://github.com/ck86/gulp-bower-files">gulp-bower-files</a> and I am getting an eaccess error and its not generating the concatenated file.</p>
  
  <p><strong>gulpfile.js</strong></p>
  
  <pre><code>var gulp = require('gulp');
  var bower = require('bower');
  var concat = require('gulp-concat');
  var bower_files = require('gulp-bower-files');
  
  gulp.task("libs", function(){
      bower_files()
      .pipe(concat('./libs.js'))
      .pipe(gulp.dest("/"));
  });
  </code></pre>
  
  <p><strong>bower.json</strong></p>
  
  <pre><code>{
    "name": "ember-boilerplate",
    "version": "0.0.0",
    "dependencies": {
      "ember": "1.6.0-beta.1",
      "ember-data": "1.0.0-beta.7"
    }
  }
  </code></pre>
  
  <p>and I keep coming across this error</p>
  
  <pre><code>events.js:72
          throw er; // Unhandled 'error' event
                ^
  Error: EACCES, open '/libs.js'
  </code></pre>