toxic-webpack-manifest-plugin

This webpack plugin will generate a JSON files for the hashed file version. It include entry chunk and async chunk. You can split them by entry or if you use html-webpack-plugin, you can sort them according to page.

Installation

1npm install toxic-webpack-manifest-plugin --save-dev

Usage

1const ToxicWebpackManifestPlugin = require('toxic-webpack-manifest-plugin');
2...
3{
4  plugins: [
5    new ToxicWebpackManifestPlugin(),
6  ]
7}

Options

Option	Type	Default	Description
outputPath	string	undefined	the output path of manifest. we will use the webpack output.path as default
name	string	toxic-manifest.json	manifest name
writeToDisk	boolean	false	Write the manifest to disk using fs , it's useful if you are using webpack-dev-server and need to update the file.
htmlAsEntry	boolean	false	If you use html-webpack-plugin, we can split the file accroding to page.
pretty	boolean	true	need to prettify the output json
space	number	2	The number use by JSON.stringify when using pretty.
include	boolean|Function|string|RegExp	true	To check should we include the file. true means include all, false means exclude all. The string will be transfer into RegExp, which means only include when it match the RegExp. The function should return boolean.
exclude	boolean|Function|string|RegExp	false	the opposite of include
publicPath	string	undefined	the publicPath for file, use the webpack output.publicPath as default one.
distinctAsync	boolean	true	should we clarify which one is async
filenameFormatter	Function	undefined	You can change the filename if you provide this. You can get the filename and publicPath

example

The manifest example is here.

default set

1{
2  "bundle": {
3    "entry": [
4      "/bundle.js"
5    ],
6    "async": [
7      "/chunk.2ee0460aecebfc572a43.js",
8      "/chunk.bee94a217f36937c96aa.js"
9    ]
10  },
11  "vendor": {
12    "entry": [
13      "/vendor.js"
14    ],
15    "async": []
16  },
17  "another": {
18    "entry": [
19      "/another.js"
20    ],
21    "async": []
22  }
23}

html as entry

1{
2  "index.html": {
3    "entry": [
4      "/bundle.js",
5      "/vendor.js"
6    ],
7    "async": [
8      "/chunk.2ee0460aecebfc572a43.js",
9      "/chunk.bee94a217f36937c96aa.js"
10    ]
11  },
12  "another.html": {
13    "entry": [
14      "/another.js"
15    ],
16    "async": []
17  }
18}

do not distinct async

1{
2  "bundle": [
3    "/bundle.js",
4    "/chunk.2ee0460aecebfc572a43.js",
5    "/chunk.bee94a217f36937c96aa.js"
6  ],
7  "vendor": [
8    "/vendor.js"
9  ],
10  "another": [
11    "/another.js"
12  ]
13}