How import object from external JS file in React JS using web pack : <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>
