title: import a Json file in a React Component
body: <p>I'm trying to load languages.json file in a React component. I'm getting the following error at the very first step when I want to import the json file. Here is the error:</p>
  
  <pre><code>ERROR in ./app/languages.json
  Module parse failed: /.../languages.json Unexpected token (1:12)
  You may need an appropriate loader to handle this file type.
  SyntaxError: Unexpected token (1:12)
      at Parser.pp.raise (........)
  </code></pre>
  
  <p>I'm using webpack and here is the config file:</p>
  
  <pre><code>   var path = require('path');
     var webpack = require('webpack');
  
     module.exports = {
         entry: ['./app/main.jsx'],
         devtool: 'cheap-module-eval-source-map',
         output: { path: __dirname+"/app", filename: 'bundle.js' },
         module: {
             loaders: [
                {   test: /\.jsx?$/,
                    loader: 'babel-loader',
                    query: { presets: ['es2015', 'react'] },
                    include: path.join(__dirname, 'src')
                }
            ]
        }
    };
  </code></pre>
  
  <p>and I have these packages installed:</p>
  
  <pre><code>"babel-core": "^6.2.1",
  "babel-loader": "^6.2.0",
  "babel-preset-es2015": "^6.1.18",
  "babel-preset-react": "^6.1.18"
  </code></pre>
  
  <p>This is how I'm tring to import the file (ES6 format):</p>
  
  <pre><code>import lang_code from '../../app/languages.json';
  </code></pre>
  
  <p>Also, I checked the json file format and validated it! So, where do you think is the problem?</p>