Sponsor webpack and get apparel from the official shop! All proceeds go to our open collective!


A webpack loader for parsing json5 files into JavaScript objects.


$ npm install --save-dev json5-loader


You can use the loader either

  • by configuring the json5-loader in the module.loaders object of the webpack configuration, or
  • by directly using the json5-loader! prefix to the require statement.

Suppose we have the following json5 file

// appData.json5
  env: 'production',
  passwordStrength: 'strong'

Usage with preconfigured loader

// webpack.config.js
module.exports = {
  entry: './index.js',
  output: { /* ... */ },
  module: {
    loaders: [
        // make all files ending in .json5 use the `json5-loader`
        test: /\.json5$/,
        loader: 'json5-loader'
// index.js
var appConfig = require('./appData.json5')
// or, in ES6
// import appConfig from './appData.json5'

console.log(appConfig.env) // 'production'

Usage with require statement loader prefix

var appConfig = require("json5-loader!./appData.json5")
// returns the content as json parsed object

console.log(appConfig.env) // 'production'

Don't forget to polyfill require if you want to use it in Node.js. See the webpack documentation.


Tobias Koppers


Michael Ferris

Keith McKnight

Radu Brehar

Kent C. Dodds

Steve Lacy