title: How to configure Grunt to replace Bower dependencies by its minified versions
body: <p>I am new to Yeoman/Grunt/Bower. I have a <code>bower.json</code> file that defines the following dependencies: </p>
  
  <p><strong>bower.json</strong>
  </p>
  
  <pre><code>{
      "dependencies": {
          "angular": "~1.0.7",
          "jquery": "~1.8.0",
          "bootstrap": "~2.3.2",
          "angular-grid": "~2.0.5"
      }
  }
  </code></pre>
  
  <p>In my html file I am using the non-minified versions of those libraries, which I installed via the command <code>bower install</code></p>
  
  <p><strong>index.html</strong>
  </p>
  
  <pre><code>&lt;script src="components/jquery/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="components/bootstrap/docs/assets/js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="components/angular-grid/build/ng-grid.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>How can I configure grunt, so it will: </p>
  
  <ol>
  <li>Copy only the minified versions of the those js files to the build directory</li>
  <li>Replace the HTML so it will change e.g. <code>jquery.js</code> to <code>jquery.min.js</code> </li>
  <li>When not using CDNs - is it recommend to combine all the files together with the custom application script?</li>
  </ol>
  
  <p>What is the right approach here? Do I have to define each lib in a grunt copy task? Like:</p>
  
  <p><strong>Gruntfile.js:</strong>
  </p>
  
  <pre><code>copy: {
    dist: {
      files: [{
        src: [
          'components/jquery/jquery.min.js',
          'components/bootstrap/docs/assets/js/bootstrap.min.js',
          'components/angular/angular.min.js',
          'components/angular-grid/build/ng-grid.min.js'
        ]
      }]
    }
  }
  </code></pre>