title: How to use react-intl v2 + webpack to load locale file?
body: <p>I have a setup to use webpack to manage all my assets. it works fine. Now I plan to use react-intl version 2 to support multiple languages.</p>
  
  <p>I have managed to make components defined in package 'react-intl' work,</p>
  
  <pre><code>import {IntlProvider, FormattedNumber, FormattedPlural} from 'react-intl'; 
  
  class App extends Component {
  constructor(props) {
      super(props);
      this.state = {
          name       : 'Eric',
          unreadCount: 1000,
      };
  }
  
  render() {
      const {name, unreadCount} = this.state;
  
      return (
          &lt;p&gt;
              Hello &lt;b&gt;{name}&lt;/b&gt;, you have {' '}
              &lt;FormattedNumber value={unreadCount} /&gt; {' '}
              &lt;FormattedPlural value={unreadCount}
                  one="message"
                  other="messages"
              /&gt;.
          &lt;/p&gt;
      );
      }
  }
  </code></pre>
  
  <p>But I can't figure out what's the correct way to load locale file through webpack and refer them in component. Since the package has breaking upgrade recently, there is no much documentation about it either. the wiki page is empty for now</p>
  
  <p><a href="https://github.com/yahoo/react-intl/wiki" rel="nofollow">https://github.com/yahoo/react-intl/wiki</a></p>
  
  <p>I wonder What's the correct way to do this?</p>