86 lines
2.2 KiB
Markdown
86 lines
2.2 KiB
Markdown
|
[![npm][npm]][npm-url]
|
||
|
|
[![node][node]][node-url]
|
||
|
|
[![deps][deps]][deps-url]
|
||
|
|
[![tests][tests]][tests-url]
|
||
|
|
[![coverage][cover]][cover-url]
|
||
|
|
[![chat][chat]][chat-url]
|
||
|
|
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<h2 align="center">Install</h2>
|
||
|
|
|
||
|
|
```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`
|
||
|
|
|
||
|
|
```js
|
||
|
|
const json = require('json-loader!./file.json');
|
||
|
|
```
|
||
|
|
|
||
|
|
### `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
|
||
|
|
|
||
|
|
[cover]: https://coveralls.io/repos/github/webpack/json-loader/badge.svg
|
||
|
|
[cover-url]: https://coveralls.io/github/webpack/json-loader
|
||
|
|
|
||
|
|
[chat]: https://badges.gitter.im/webpack/webpack.svg
|
||
|
|
[chat-url]: https://gitter.im/webpack/webpack
|