title: Deploying with Bower
body: <p>So say I am developing with bower and I have a list of my dependencies in my bower.json file.  Since I am in development mode I want to have the latest stable version of the major release I'm on.</p>
  
  <pre><code>"dependencies": {
      "jquery": "1.*"
  }
  </code></pre>
  
  <p>In order to use these files in the client I am doing something like:</p>
  
  <pre><code>&lt;script src="/bower_components/jquery/index.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is nice when developing but what happens when I want to deploy and control caching by changing the file name?  For example I release my site with jquery 1.05 and develop for a while and want to release a new version. I update my jquery to 1.10 through bower but everyone that viewed my site has jquery 1.05 in their cache (the file name has not changed).</p>
  
  <p>Is there tools to automate this ?  Essentially I would want to update jquery and have the folder name update with the version info.  And reference like:</p>
  
  <pre><code>&lt;script src="/bower_components/jquery-1.10/index.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I know I can do something like:</p>
  
  <pre><code>"dependencies": {
      "jquery-1.10": "1.10"
  }
  </code></pre>
  
  <p>That would produce the desired directory structure but it isn't very automated.</p>