json-loader

JSON Loader

Install

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 for more information

Usage

Inline

const json = require('json-loader!./file.json');

Configuration (recommended)

const json = require('./file.json');

webpack.config.js

module.exports = {
  module: {
    loaders: [
      {
        test: /\.json$/,
        loader: 'json-loader'
      }
    ]
  }
}

Maintainer

Tobias Koppers

Similar packages

Other packages similar to json-loader

json5-loader

The json5-loader package is similar to json-loader but supports JSON5, an extension of JSON that allows for more human-friendly syntax, such as comments and trailing commas. This makes json5-loader a good choice if you need to work with JSON files that require more flexibility in their syntax.

yaml-loader

The yaml-loader package allows you to import YAML files into your JavaScript modules, similar to how json-loader works with JSON files. YAML is often used for configuration files due to its readability, and yaml-loader provides a way to integrate YAML data into your application.

toml-loader

The toml-loader package is used to load TOML files into JavaScript. TOML is another configuration file format that is designed to be easy to read and write due to its clear semantics. toml-loader is useful if your project uses TOML for configuration and you want to import these files directly into your code.