title: How to extend default webpack config in Ionic v2
body: <p>I'd like to extend the default webpack config of ionic. Specifically, I'd like to add an alias for resolving modules so that I can import modules by their absolute path, rather than a relative one:</p>
  
  <p>Instead of importing modules like this:</p>
  
  <pre><code>import { SomeComponent } from '../../components/some.component.ts';
  </code></pre>
  
  <p>I want to</p>
  
  <pre><code>import { SomeComponent } from '@app/components/some.component.ts';
  </code></pre>
  
  <p>where <code>@app</code> is an alias for the root source directory.</p>
  
  <p>In other projects I was able to do this by adding something like this to the webpack config:</p>
  
  <pre><code>module.exports = {
      ...   
      resolve: {
          extensions: ['.ts', '.js'],
          alias: {
              '@app': path.resolve('./'),
          }
      },
      ...
  };
  </code></pre>
  
  <p>I'm not sure how to do this with Ionic without overriding the default webpack config.</p>