anchor.diff:  .l-sub-section
     :marked
       Many of these files and much of their content should be familiar from other Angular 2 documentation chapters.
  +
  +    Beaucoup de ces fichiers et une grande partie de leur contenu doivent être similaires avec d'autres chapitres de la documentation d'Angular 2.
       
       Learn about the `package.json` in the [npm packages](../guide/npm-packages.html) chapter.
       We require packages for Webpack use in addition to the ones listed in that chapter.
  +
  +    En savoir plus sur le `package.json` dans le chapitre [paquets npm](../guide/npm-packages.html).
  +    Nous avons besoin de paquets supplémentaires pour Webpack de ceux énumérés dans ce chapitre.
       
       Learn about `tsconfig.json` and `typings.json` in the [Typescript configuration](../guide/typescript-configuration.html) chapter.
  +
  +    En savoir plus sur `tsconfig.json` et `typings.json` dans le chapitre [configuration de Typescript](../guide/typescript-configuration.html).
   :marked
     Open a terminal/console window and install the *npm* packages with `npm install`.
  +
  +  Ouvrez une fenêtre du terminal/console et installez les paquets *npm* avec `npm install`.
    
  -  
   a(id="common-configuration")
   .l-main-section
   :marked
     ### Common Configuration
  +  ### Configuration classique
     
     We will define separate configurations for development, production, and test environments.
     All three have some configuration in common.
     We'll gather that common configuration in a separate file called `webpack.common.js`.
     
  +  Nous allons définir des configurations distinctes pour les environnement de développement, de production et de test.
  +  Toutes les trois ont une configuration en commun.
  +  Nous rassemblons cette configuration commune dans un fichier séparé appelé `webpack.common.js`.
  +
     Let's see the entire file and then walk through it a section at a time:
  +
  +  Nous allons voir le fichier complet puis avancer une section à la fois&nbsp;:
     
   +makeExample('webpack/ts/config/webpack.common.js', null, 'config/webpack.common.js')(format=".")
   
  
positive.code:   #### *CommonsChunkPlugin*
    
    We want the `app.js` bundle to contain only app code and the `vendor.js` bundle to contain only the vendor code. 
    
    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. 
  .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).
  
  a(id="html-webpack-plugin")
  :marked
  
negative.code:   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)
  