gulp-bower-generate-tags

Generates <script> tags from bower.json config

Install

npm install gulp-bower-generate-tags --save-dev

Example usage

var gulp = require("gulp");
var bowerTags = require("gulp-bower-generate-tags");

gulp.task("default", function() {

  var options = {
    bowerDirectory: "example/bower_components",
    relativeBowerDirectory: "/bower_components", // this is what browser will see
    destinationFile: "example/dest/include-bower.html",
    priority: ['moment', 'angular'],
    skip: {lib: true},
    overwrite: {
      angular: 'angular.min.js'
    },
    bowerJsonMissing: {
      lodash: 'dist/lodash.min.js'
    }
  };

  return gulp.src("example/bower.json")
    .pipe(bowerTags(options));
});

Options

bowerDirectory, path where your bower components are installed in the file system

relativeBowerDirectory, path where the components are available for the browser

skip, skip bower packages which do not have js or break your build or whatever reason you can come up with

priority, no javascript files are created equal, define load order here

overwrite, bower.json rarely contains the minified version, overwrite the main here

bowerJsonMissing, some libraries are npm only and do not contain bower.json. Use this option to tell the plugin the location of the file manually