title: How import object from external JS file in React JS using web pack
body: <p>I am building on my knowledge of React JS and I would like to import/include some external JS files that hold nothing more than an objects / object arrays. I've done this in jQuery, Vanilla JS and even in Angular JS. Sweet!!! </p>
  
  <p>How can I achieve the same thing in React JS.</p>
  
  <p>I have the following as my index.html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;Hello React&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="hello"&gt;&lt;/div&gt;
          &lt;div id="world"&gt;&lt;/div&gt;
  
          &lt;div id="caseListing"&gt;&lt;/div&gt;
  
          &lt;script src="js/bundle.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and my main.js (entry file) as the following:</p>
  
  <pre><code>import Hello from './jsx/hello.jsx';
  import World from './jsx/world.jsx';
  
  var $ = require('./lib/jquery.js');
  window.jQuery = $;
  window.$ = $;
  
  var Jobs = require('./data/jobs.js');
  console.log('Jobs:', Jobs);
  </code></pre>
  
  <p>Here, I have Jobs.js as:</p>
  
  <pre><code>var Jobs = (function () {
      "use strict";
      return {
          "jobs": [
              {
                  "jobType": "Web developer",
                  "desc": "Creates website"
              },
              {
                  "jobType": "Bin Man",
                  "desc": "Collects bins"
              }
          ]
      };
  }());
  </code></pre>
  
  <p>And just for good measure, my webpack.config.js looks like this:</p>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  
  module.exports = {
      entry: [
          './js/main.js'
      ],
      output: {
          path: __dirname,
          filename: 'js/bundle.js'
      },
      module: {
          loaders: [
              {
                  test: /.jsx?$/,
                  loader: 'babel-loader',
                  exclude: /node_modules/,
                  query: {
                      presets: [
                          'es2015',
                          'react'
                      ]
                  }
              }
          ]
      }
  };
  </code></pre>
  
  <p>All help will be appreciated. :)</p>