anchor.diff:      ]
   
   :marked
  -  As Webpack encounters `import` statements like these ...
  +  When Webpack encounters `import` statements like the following, 
  +  it applies the `test` RegEx patterns. 
   
   .code-example
     code-example(language="typescript").
       import { AppComponent } from './app.component.ts';
  -    
  +
       import 'uiframework/dist/uiframework.css';
   
   :marked
  -  ... it applies the `test` RegEx patterns. When a pattern matches the filename, Webpack processes the file with the associated loader. 
  -  
  +  When a pattern matches the filename, Webpack processes the file with the associated loader.
  +
     The first `import` file matches the `.ts` pattern so Webpack processes it with the `awesome-typescript-loader`.
  -  The imported file doesn't match the second pattern so its loader is ignored. 
  -  
  -  The second `import` matches the second `.css` pattern for which you have *two* loaders chained by the (!) character. 
  -  Webpack applies chained loaders *right to left* so it applies 
  -  the `css` loader first (to flatten CSS `@import` and `url(...)` statements) and
  -   then the `style` loader (to append the css inside *&lt;style&gt;* elements on the page).
  -  
  +  The imported file doesn't match the second pattern so its loader is ignored.
  +
  +  The second `import` matches the second `.css` pattern for which you have *two* loaders chained by the (!) character.
  +  Webpack applies chained loaders *right to left*. So it applies
  +  the `css` loader first to flatten CSS `@import` and `url(...)` statements. 
  +  Then it applies the `style` loader to append the css inside `<style>` elements on the page.
  +
   a(id="plugins")
   .l-main-section
   :marked
     ### Plugins
  -  
  +
     Webpack has a build pipeline with well-defined phases.
     Tap into that pipeline with plugins such as the `uglify` minification plugin:
  -  
  +
   .code-example
     code-example(language="javascript").
       plugins: [
         new webpack.optimize.UglifyJsPlugin()
       ]
  -  
  +
   a(id="configure-webpack")
   .l-main-section
   :marked
  -  ## Configure Webpack
  -  
  -  After that brief orientation, you are ready to build your own Webpack configuration for Angular apps. 
  -  
  +  ## Configuring Webpack
  +
  +  After that brief orientation, you are ready to build your own Webpack configuration for Angular apps.
  +
     Begin by setting up the development environment.
  -  
  -  Create a **new project folder**
  +
  +  Create a new project folder.
   code-example(language="sh" class="code-shell").
     mkdir angular-webpack
     cd    angular-webpack
   
   :marked
     Add these files:
  -  
  +
   +makeTabs(
     `webpack/ts/package.webpack.json,
     webpack/ts/src/tsconfig.1.json,
  
positive.code:   src/main.ts,
    src/assets/css/styles.css`
  )
    
  +makeTabs(
    `webpack/ts/src/app/app.component.ts,
    webpack/ts/src/app/app.component.html,
  
negative.code:   But most `import` statements don't mention the extension at all.
    Tell Webpack to resolve extension-less file requests by looking for matching files with
    `.ts` extension or `.js` extension (for regular JavaScript files and pre-compiled TypeScript files).
  
  +makeExample('webpack/ts/config/webpack.common.js', 'resolve', 'config/webpack.common.js')(format=".")
  .l-sub-section
    :marked
  