First of all you need to install json-loader:
npm i json-loader --save-dev
Then, there are two ways how you can use it:
In order to avoid adding json-loader in each import you can add to webpack.config this line:
loaders: [
{ test: /\.json$/, loader: 'json-loader' },
// other loaders
]
Then import json files like this
import suburbs from '../suburbs.json';
Use json-loader directly in your import, as in your example:
import suburbs from 'json!../suburbs.json';
Note:
In webpack 2.* instead of keyword loaders need to use rules.,
also webpack 2.* uses json-loader by default
*.json files are now supported without the json-loader. You may still use it. It's not a breaking change.