2017-08-14 05:01:11 +02:00
[![npm][npm]][npm-url]
[![node][node]][node-url]
[![deps][deps]][deps-url]
[![tests][tests]][tests-url]
[![coverage][cover]][cover-url]
[![chat][chat]][chat-url]
2017-05-03 15:35:00 +02:00
2017-08-14 05:01:11 +02:00
< div align = "center" >
< img width = "160" height = "180"
src="https://worldvectorlogo.com/logos/json.svg">
< a href = "https://github.com/webpack/webpack" >
< img width = "200" height = "200"
src="https://webpack.js.org/assets/icon-square-big.svg">
< / a >
< h1 > JSON Loader< / h1 >
< / div >
2017-05-03 15:35:00 +02:00
2017-08-14 05:01:11 +02:00
< h2 align = "center" > Install< / h2 >
2017-05-03 15:35:00 +02:00
2017-08-14 05:01:11 +02:00
```bash
npm install --save-dev json-loader
```
> ⚠️ **Since `webpack >= v2.0.0`, importing of JSON files will work by default. You might still want to use this if you use a custom file extension. See the [v1.0.0 -> v2.0.0 Migration Guide](https://webpack.js.org/guides/migrating/#json-loader-is-not-required-anymore) for more information**
< h2 align = "center" > Usage< / h2 >
### `Inline`
2017-05-03 15:35:00 +02:00
2017-08-14 05:01:11 +02:00
```js
const json = require('json-loader!./file.json');
2017-05-03 15:35:00 +02:00
```
2017-08-14 05:01:11 +02:00
### `Configuration` (recommended)
```js
const json = require('./file.json');
```
**webpack.config.js**
```js
module.exports = {
module: {
loaders: [
{
test: /\.json$/,
loader: 'json-loader'
}
]
}
}
```
< h2 align = "center" > Maintainer< / h2 >
< table >
< tbody >
< tr >
< td align = "center" >
< img width = "150" height = "150" src = "https://avatars.githubusercontent.com/sokra?v=3" >
< / br >
< a href = "https://github.com/sokra" > Tobias Koppers< / a >
< / td >
< / tr >
< / tbody >
< / table >
[npm]: https://img.shields.io/npm/v/json-loader.svg
[npm-url]: https://npmjs.com/package/json-loader
[node]: https://img.shields.io/node/v/json-loader.svg
[node-url]: https://nodejs.org
[deps]: https://david-dm.org/webpack/json-loader.svg
[deps-url]: https://david-dm.org/webpack/json-loader
[tests]: http://img.shields.io/travis/webpack/json-loader.svg
[tests-url]: https://travis-ci.org/webpack/json-loader
2017-05-03 15:35:00 +02:00
2017-08-14 05:01:11 +02:00
[cover]: https://coveralls.io/repos/github/webpack/json-loader/badge.svg
[cover-url]: https://coveralls.io/github/webpack/json-loader
2017-05-03 15:35:00 +02:00
2017-08-14 05:01:11 +02:00
[chat]: https://badges.gitter.im/webpack/webpack.svg
[chat-url]: https://gitter.im/webpack/webpack