Skip to content

linemanjs/lineman-bower

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

lineman-bower

This is a plugin to make it easy to use Bower in conjunction with a Lineman app.

Usage

First, add the plugin to your lineman project:

$ npm install lineman-bower --save-dev

When you install lineman-bower, it should create a default .bowerrc (unless one already exists) with the following vendor directory. Feel free to customize this directory to a different location if you like.

{
  "directory": "/vendor/bower"
}

Third, you'll want to make sure that your bower dependencies don't get checked into git, so add them to your .gitignore:

/vendor/bower

Next, you'll need a bower.json to start pulling down dependencies. This can be completed by executing bower init from the command prompt:

{
  "name": "my-app",
  "version": "0.0.1",
  "dependencies": {
    "jquery": "~1.9.0"
  }
}

Finally, you'll want to make sure that jquery is made available when Lineman concatenates your vendor JavaScript libraries. You can do this by extending the js.vendor configuration in config/files.js like so:

module.exports = require(process.env["LINEMAN_MAIN"]).config.extend("files", {
  js: {
    vendor: [
      "vendor/bower/jquery/jquery.js",
      "vendor/js/**/*.js"  //Note that this glob remains for traditional vendor libs
    ]
  }
});

Now, when you run lineman run and visit localhost:8000, you should see Bower install jQuery and have access to the library on the page.