anchor.diff:    We've learned just enough Webpack to configurate development, test and production builds 
     for a small Angular application.
     
  +  Nous venons juste d'apprendre de Webpack comment configurer les builds de développement, de test et de production.
  +
     _We could always do more_. Search the web for expert advice and expand your Webpack knowledge.
     
  +  _Nous pourrions toujours faire plus_. Recherchez sur le web pour obtenir des conseils d'experts et approfondir vos connaissances sur Webpack.
  +
     [Back to top](#top)
  +  [Retour en haut](#top)
  
positive.code:   <a href="https://raw.githubusercontent.com/angular/angular.io/master/public/resources/images/logos/angular2/angular.png" target="_blank">
    <img src="https://raw.githubusercontent.com/angular/angular.io/master/public/resources/images/logos/angular2/angular.png" height="40px" title="download Angular logo"></a>.
  
  
  +makeTabs(
    `webpack/ts/src/vendor.ts,
    webpack/ts/src/polyfills.ts`,
  
negative.code:   #### *CommonsChunkPlugin*
    
    We want the `app.js` bundle to contain only app code and the `vendor.js` bundle to contain only the vendor code. 
    
    Nous voulons que le bundle `app.js` contienne uniquement le code de l'application et le bundle `vendor.js` contienne uniquement le code tiers.
    
    Our application code `imports` vendor code. Webpack is not smart enough to keep the vendor code out of the `app.js` bundle.
    We rely on the `CommonsChunkPlugin` to do that job. 
    
    Notre code applicatif `importe` le code tiers. Webpack n'est pas assez intelligent pour garder le code tiers hors du bundle `app.js`.
    Nous comptons sur le `CommonsChunkPlugin` pour faire ce travail.
  .l-sub-section
    :marked
      It identifies the hierarchy among three _chunks_: `app` -> `vendor` -> `polyfills`. 
      Where Webpack finds that `app` has shared dependencies with `vendor`, it removes them from `app`.
      It would do the same if `vendor` and `polyfills` had shared dependencies (which they don't).
      
      Il identifie la hiérarchie entre les trois _chunks_&nbsp;: `app` -> `vendor` -> `polyfills`.
      Lorsque Webpack constate que `app` possède des dépendances partagées avec `vendor`, il les supprime de `app`.
      Il fera la même chose si `vendor` et `polyfills` avaient partagé des dépendances (ce qu'ils ne font pas).
  
  a(id="html-webpack-plugin")
  :marked
  