Skip to content

Instantly share code, notes, and snippets.

Last active November 27, 2023 15:43
Show Gist options
  • Save afeld/5704079 to your computer and use it in GitHub Desktop.
Save afeld/5704079 to your computer and use it in GitHub Desktop.
Using Rails+Bower on Heroku

Updated for Rails 4.0.0+


  1. Set up the bower gem.

  2. Follow the Bower instructions and list your dependencies in your bower.json, e.g.

    // bower.json
      // ...
      "dependencies": {
        "d3": "~3.1.0",
        "underscore": "~1.4.4",
  3. Include them in your JavaScript:

    // app/assets/javascripts/application.js
    // Bower packages
    //= require d3/d3
    //= require underscore/underscore
    //= require jquery
    //= require jquery_ujs
    // ...
  4. Ignore the components in your repo. If you prefer to "vendor" your dependencies, skip this step.

    # .gitignore
  5. Install the components.

    npm install -g bower
    bower install

At this point, make sure your app runs and the JS libs installed by Bower are loading on the page.


To have Heroku deploys (Cedar stack only) install and compile Bower components on push:

  1. Add the rails_12factor gem.

  2. Use a custom Heroku buildpack that includes Node.js and Bower (see heroku/heroku-buildpack-ruby#67). If you vendored your components (skipping the .gitignore step above), you can skip this step and use the regular Ruby buildpack.

    heroku config:set BUILDPACK_URL='git://'

Try a deploy: it should successfully compile assets.

Additional resources:

Copy link

dukex commented Nov 8, 2015

To change the buildpack run:

$ heroku buildpacks:set 'git://'

Copy link

victor-soto commented Nov 27, 2018

Hi I have a problem when deploy to heroku,

remote: rake aborted! remote: Sprockets::FileNotFound: couldn't find file 'jquery' with type 'application/javascript

in the local environment all is done, can someone help me please?

Copy link

afeld commented Jan 6, 2019

Bower is now deprecated, and Rails 5.1+ introduced first-class support for Yarn, so I wouldn't use this anymore.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment