webpack-info-plugin

simple plugin to show webpack state & stats like webpack-dev-middleware

1
2// webpack.config.js
3
4var WebpackInfoPlugin = require('webpack-info-plugin');
5
6var info = new WebpackInfoPlugin({
7  stats: { // provide false to disable displaying stats
8      // pass options from http://webpack.github.io/docs/node.js-api.html#stats-tostring
9      colors: true,
10      version: false,
11      hash: false,
12      timings: true,
13      assets: false,
14      chunks: false,
15      chunkModules: false,
16      modules: false
17    },
18    state: true // show bundle valid / invalid
19});
20
21module.exports = {
22  entry: {
23    ...
24  },
25  output: {
26    ...
27  },
28  plugins: [
29    info
30  ]
31}

sample output:

webpack: bundle is now INVALID.
Time: 53ms

WARNING in ./src/util/__test__/array.test.js
Module parse failed: ...../src/util/__test__/array.test.js Line 8: Unexpected token ;
You may need an appropriate loader to handle this file type.
|     describe('#indexOf()', function () {
|         it('should return -1 when the value is not present', function () {
|             assert.equal(-1, [1,2,3].indexOf(5);
|             assert.equal(-1, [1,2,3].indexOf(0));
|         });
 @ ./src \.test$

.......


Time: 49ms
webpack: bundle is now VALID.