webpack-entry-stats-plugin
Webpack plugin emitting a JSON file containing the required assets for each of the entrypoints.
This is useful if you are code splitting initial chunks (something like AggressiveSplittingPlugin) and need a reference to the hashed filenames for use in building script tag urls.
Installation
$ yarn add --dev webpack-entry-stats-plugin
Note: This plugin requires Node 4.7 and Webpack 2.
Usage
// webpack.config.js ...plugins: // writes to `some-cool-file.json` in output directory filename: 'some-cool-file' ...
Options
option | type | default | required |
---|---|---|---|
filename | String | stats |
false |
usePublicPath | Boolean or String | false | false |
Public path
By default, the paths in the output map just have the filename and do not have any other information on the resource path.
i.e. 'manifest.js'
If you would like to preprend the publicPath
property in your webpack config, you can pass { usePublicPath: true }
. If you would like to specify the publicPath
to be prepended, you can pass a string to be used.
// webpack.config.js output: publicPath: '/resources/' usePublicPath: '/other/'
This gives us the path to the resource.
'/other/manifest.js'
Output
A .json
file that contains an object with a key for each entrypoint that specifies the order for which to load the application correctly.
i.e.
'entry-one': js: 'manifest.js' 'entry-one.js' map: 'manifest.js.map' 'entry-one.js.map' 'entry-two': js: 'manifest.js' 'entry-two.js' map: 'manifest.js.map' 'entry-two.js.map'
This is saying we need to load manifest.js
and then our entrypoint, probably in the form of script tags.
<!-- index.html -->......
If the extract-text-webpack-plugin were included, you would also see a css
key under each entrypoint's extension map.