title: How angular-translate-loader for webpack works?
body: <p>I'm trying to integrate the webpack loader: <a href="https://github.com/Fitbit/angular-translate-loader" rel="nofollow noreferrer">angular-translate-loader</a> to my project.
  The documentation lacks a full example and I can't figure out how to make everything works together.</p>
  
  <p><strong>What I want:</strong> 
  Have a "languages" folder at the same level of my root component that will contain the locales for other languages like:</p>
  
  <ul>
  <li>locale-fr.json</li>
  <li>locale-sp.json</li>
  </ul>
  
  <p><strong>What I tried</strong>:</p>
  
  <p>I added this in my webpack.config.js (as per documentation)</p>
  
  <pre><code>module.exports = {
      module: {
             preLoaders: [{
              test: /\.json$/,
              loader: 'json'
          }],
          loaders: [{
              test: /\.json$/,
              loader: 'angular-translate?module=translations'
          }]
      },
      angularTranslate: {
          namespaces: ['app'],
          sep: '.',
          defaultLocale: 'en'
      }
  };
  </code></pre>
  
  <p>And in the root component of my application I got this:</p>
  
  <pre><code>$translateProvider.translations('en', {
    TITLE: "Translation is working",
    ANOTHER_TEXT: "But is it really working"
  })
  .translations('fr', localFr)
  .registerAvailableLanguageKeys(['en', 'cn', 'fr', 'sp'], {
    'gb': 'en',
    'es': 'sp'
  })
  .preferredLanguage('en')
  //See http://angular-translate.github.io/docs/#/guide/19_security for more details about Sanitize
  .useSanitizeValueStrategy('escape')
  //Remember the choice of Language in the local storage
  .useLocalStorage();
  </code></pre>
  
  <p>The default language obviously works (en) but not the others.</p>
  
  <p>I'm missing something but I can't figure out why.</p>
  
  <p><strong>Does someone know of a sample project using angular-translate-loader and webpack ?</strong></p>