transform-json-webpack-plugin

Webpack plugin to generate a JSON asset file.

Install

npm install --save-dev transform-json-webpack-plugin

Options

Name	Type	Description
filename	{String}	Output file name(may include path)
object	{Object}	Object to add to output file or the properties you wish to modify
source	{String}	Path to an existing JSON file to extend (optional)

Usage

In your webpack.config.js instantiate the plugin.

const TransformJson = require('transform-json-webpack-plugin');
 
module.exports = {
  // webpack configuration
  // ...
  plugins: [
    new TransformJson({
      // json configuration
    })
  ]
};

Here is a basic example that creates a mainfest.json file in your output directory:

webpack.config.js

module.exports = {
  output: {
    path: 'build/'
  },
  // ...
  plugins: [
    new TransformJson({
      filename: 'manifest.json',
      value: {
        gundam: 'wing-zero'
      }
    })
  ]
};
 

That will generate a file that looks like this:

manifest.json

{
  "gundam": "wing-zero"
}

Here is a basic example that creates a production deployment version of your package.json file in your output directory:

webpack.config.js

module.exports = {
  output: {
    path: 'build/'
  },
  // ...
  plugins: [
    new TransformJson({
      filename: 'package.json',
      source: __dirname + "/package.json",
      object: {
        devDependencies: {},
        scripts: {"start": "node index.js"}
      }
    })
  ]
};
 

That will generate a file that looks like this:

package.json

{
  "name": "your-project",
  "version": "0.0.1",
  "dependencies": { "express": "^4.16.3" },
  "devDependencies": {},
  "scripts": {"start": "node index.js"}
}

License

MIT