title: Angular 2 --aot causes AnimationEntryMetadata failure
body: <p>My code works fine with <code>ng build</code> and <code>ng build --prod</code> howerver, when I add --aot to the command, it fails with the following error:</p>
  
  <p><code>Uncaught Error: Module build failed: Error: C:/Users/dremache/Code/control-f2/client/src/app/transitions.ts (11,14): Exported variable 'pageTransitions' has or is using name 'AnimationEntryMetadata' from external module "C:/Users/dremache/Code/control-f2/client/node_modules/@angular/core/src/animation/metadata" but cannot be named.)</code></p>
  
  <p>This is <strong>transitions.ts</strong>:</p>
  
  <pre><code>import { trigger,
    state,
    style,
    transition,
    animate,
    keyframes } from '@angular/core';
  
  
  export const pageTransitions = 
  
    trigger('slideInOut', [
  
      state('in', style({transform: 'translateX(0)'})),
  
      transition('void =&gt; *', [
        style({transform: 'translateX(-60px)',opacity: '0'}),
        animate('300ms ease-out')
      ]),
      transition('* =&gt; void', [
        animate('300ms ease-out', style({transform: 'translateX(-60px)'}))
      ])
    ]);
  </code></pre>
  
  <p>This is the component that's importing it:</p>
  
  <pre><code>//other imports
  import { pageTransitions } from './transitions';
  
  @Component({
    //other properties
    animations: [ pageTransitions, 
  
        trigger('items', [
           // states and transitions here.. removing for cleanliness
        ]
    })
  </code></pre>
  
  <p>Any ideas?  I'm doing this to avoid re-defining the same animations.  These animations are being applied on components that are going from <code>void =&gt; *</code> to create page transition animations.</p>