title: Webpack dynamic import .json file?
body: <p>I'm using React Intl for x number of languages (example below) and at the moment Im importing the following where I setup my App:</p>
  
  <pre><code>import { addLocaleData } from 'react-intl';
  import locale_en from 'react-intl/locale-data/en';
  import locale_de from 'react-intl/locale-data/de';
  
  import messages_en from './translations/en.json';
  import messages_de from './translations/de.json';
  
  addLocaleData([...locale_en, ...locale_de]);
  
  ...
  export const messages = {
      en: messages_en,
      de: messages_de
  }
  </code></pre>
  
  <p>Since these language files are being imported no matter which language is being used my main bundle js file is getting pretty big, especially from the .json files.</p>
  
  <p>How can I with Webpack split these language files (or copy them to my dist folder using CopyWebpackPlugin) and then dynamically import them based on the language being used at the moment?</p>
  
  <p>The app is isomorphic so this same code is being run on the server.</p>