title: Load Locale File Dynamically using Requirejs
body: <p>I have a single page Marionette app built on RequireJS which needs to support translations.</p>
  
  <p>My goal is to have a dictionary file for each language, and based on the logged in user's configuration, load the relevant file.</p>
  
  <p>Since most of the users will use English, I want to bundle the English dictionary in the app during build (using r.js).</p>
  
  <p>I wrote a small Translator module, which basically wraps jed.js (the library I'm using for i18n):</p>
  
  <pre><code>//in myTranslator.js
  define(function (require) {
      "use strict";
  
      var Jed = require("jed");
      var localeData = require("json!locales/en_US.json");
  
      var Translator = function () {
          var i18n = new Jed({
              "domain": "messages",
              "locale_data": localeData
          });
          return i18n;
      };
      return Translator;
  });
  
  //in app.js
  define(function(require){
      var Translator = require("myTranslator");
      var translator = new Translator();
  });
  </code></pre>
  
  <p>As you can see, the locale data is loaded from a static file.
  I want to be able to pass in the locale to the Translator constructor, and based on that, load the correct JSON file.</p>
  
  <p>How can that be done together with keeping the English JSON bundled with the built project?</p>