Add support for bower-install

[addyosmani]

Is there a plugin equivalent for grunt-bower-install for gulp? If not, should we strip any tags related to this?

cc @stephenplusplus

[stephenplusplus]

There isn't. I could make it a priority this coming week to make the conversion over, but if anyone else had more knowledge on the subject of grunt-to-gulp, or simply, using gulp to wrap an existing module, I'd greatly welcome their contribution.

[addyosmani]

@sindresorhus probably has the best Gulp knowledge on the team. I would check out https://github.com/gulpjs/gulp/blob/master/docs/writing-a-plugin/README.md if you need some help getting started. In terms of priority, I would say this isn't huge but would be a nice-to-have for sometime this month, even if it's later :)

[sindresorhus]

No need for a gulp plugin, we can just use wiredep directly. Gulp isn't grunt.

[luisrudge]

@sindresorhus how can i achieve the same result as grunt-bower-install with wiredep?

[sindresorhus]

@luisrudge you read the wiredep docs

[luisrudge]

yes. but grunt-bower-install is way cleaner than wiredep.
https://github.com/stephenplusplus/grunt-bower-install#getting-started
https://github.com/stephenplusplus/wiredep#getting-started

Maybe i didn't understand wiredep completely?

[stephenplusplus]

I don't know where to put this, but it should just be:

var wiredep = require('wiredep');

// When this is executed, it will run the transformation
// (inject the dependencies into your html)
wiredep({
  directory: 'app/bower_components',
  bowerJson: require('bower.json'),
  src: 'app/index.html',
  ignorePath: 'app/'
});

[luisrudge]

@stephenplusplus great, thanks!

[passy]

Wouldn't a gulp-y wrapper still be advantageous? I'd like being able to say something like this:

gulp.task('bower', function () {
  return gulp.src('app/*.html').
    .pipe($.wiredep())
    .pipe(gulp.dest('dist/'));
});

[sindresorhus]

@passy sure, but that doesn't work with how wiredep currently works. wiredep must then accept an array of src strings instead of src paths. gulp works on in-memory files.

[addyosmani]

I'm happy with Sindre's recommendation of just using wiredep directly.

[jgrowl]

@stephenplusplus Thanks for that snippet.
I also had to add this to my index.html

<!-- bower:js -->
<!-- endbower -->

[sindresorhus]

fixed in 2b8a837