cnpm install empty-webpack-build-detail-plugin -D

  npm i empty-webpack-build-detail-plugin -D

  yarn add --dev empty-webpack-build-detail-plugin

This is a webpack plugin tailored for emptyd-desgin and can be used in your project. No difference

The empty-webpack-build-detail-plugin works without configuration.

The plugin will friendly display compilation details

webpack.config.prod.js

const emptyWebpackBuildDetailPlugin = require("empty-webpack-build-detail-plugin");

module.exports = {
    -entry: 'index.js',
    -output: {
        -path: __dirname + '/dist',
        -filename: 'index_bundle.js'
    -},
    plugins: [
        new emptyWebpackBuildDetailPlugin(options)
    ]
}

You can pass a hash of configuration options to empty-webpack-build-detail-plugin. Allowed values are as follows

|Name|Type|Default|Description| |:--:|:--:|:-----:|:----------| |path|{String}|compilation.options.context|The path to use for the compile log| |filename|{String}|'compilation-detail.md'|The file to write the compile log to. Defaults to compilation-detail.md| |warnAfterBundleGzipSize|{number}|5121024 (Bit)|Maximum limit for bundle files| |warnAfterChunkGzipSize|{number}|10241024 (Bit)|Maximum limit for chunk files|

Here's an example webpack config illustrating how to use these options

webpack.config.js

{
  entry: 'index.js',
  output: {
    path: __dirname + '/dist',
    filename: 'index_bundle.js'
  },
  plugins: [
    new emptyWebpackBuildDetailPlugin({
      path: path.join(process.cwd(),'log'),
      filename: 'compile-log.md'
    })
  ]
}