Skip to content
Go to file
Cannot retrieve contributors at this time
153 lines (115 sloc) 3.61 KB



This bundle requires Symfony 2.1+

Bower (required)

In order to use this bundle you have to install bower

Bower Documentation


  1. Download SpBowerBundle using composer
  2. Enable the Bundle
  3. Configure the bundle
  4. Installing bower dependencies
  5. Use the installed assets in your templates
  6. Add composer scripts for automatic update of dependencies
  7. Installing dependencies on every cache warmup

Step 1: Download SpBowerBundle using composer

Ask composer to add SpBowerBundle in your composer.json and to download it by running the command:

$ php composer.phar require sp/bower-bundle

Composer will install the bundle to your project's vendor/sp directory.

Step 2: Enable the bundle

Enable the bundle in the kernel:

// app/AppKernel.php

public function registerBundles()
    $bundles = array(
        // ...
        new Sp\BowerBundle\SpBowerBundle(),

Step 3: Configure the SpBowerBundle

Enable bower dependency management for your bundles in the config.yml file.

# app/config/config.yml
        YourBundle: ~

Step 4: Installing bower dependencies

Place your bower.json in the config directory, the default value for the config dir is $yourBundle/Resources/config/bower.


    "name": "your-bundle-name",
    "dependencies": {
        "jquery": "~1.8.2"

Now run the command app/console sp:bower:install to install all the necessary dependencies in the asset directory $yourBundle/Resources/public.

Step 5: Use the installed assets in your templates

This bundle registers all installed bower assets automatically for you.

Lets say you have the following dependencies defined

# AcmeDemoBundle/Resources/config/bower/bower.json
    "name": "acme-demo-bundle",
    "dependencies": {
        "bootstrap": "latest"

then you can use them in your templates (or wherever you need them) like this

{% javascripts
    "@bootstrap_js" %}
    <script src="{{ asset_url }}"></script>
{% endjavascripts %}
{% stylesheets
    "@bootstrap_css" %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}


Since asset names in the AsseticLibrary can not contain . or - characters, they will be converted to a _. So the css files from "font-awesome" must be referenced with "font_awesome_css".


If you don't want this bundle to automatically register the assets, you can disable this behavior by setting assetic to false


Your site may be slowed down if you enabled use_controller in the assetic bundle and assetic in this bundle.

Step 6: Add composer scripts for automatic update of dependencies

   "scripts": {
       "post-install-cmd": [
       "post-update-cmd": [

Step 7: Installing dependencies on every cache warmup

If you want to install/update all bower dependencies during the warmup, you must set install_on_warmup to true

# app/config/config.yml
    install_on_warmup: true

Next Steps

You can’t perform that action at this time.