webpack.js

let webpack = require('webpack');
let notifier = require('node-notifier');

module.exports = async function() {

  await new Promise((resolve, reject) => {
    let config = require('config').webpack();

    webpack(config, function(err, stats) {
      if (!err) {
        // errors in files do not stop webpack watch
        // instead, they are gathered, so I get the first one here (if no other)
        let jsonStats = stats.toJson();
        err = jsonStats.errors[0];
      }

      if (err) {

        notifier.notify({
          message: err
        });

        console.log(err);

        if (!config.watch) reject(err);
        return;
      }

      /*
      Log profile
      console.log( stats.toJson().modules.map(function(mod) {
        return {
          identifier: mod.identifier,
          name: mod.name,
          profile: mod.profile
        };
      }) );
      */

      /*
      For webpack analyse
      require('fs').writeFileSync('/tmp/webpack.json', JSON.stringify(stats.toJson()));
      */

      console.log('[webpack]', stats.toString({
        hash:    false,
        version: false,
        timings: true,
        assets:  true,
        chunks:  false,
        modules: false,
        cached:  true,
        colors:  true
      }));

      /*
      Log profile and all details
       console.log('[webpack]', stats.toString({
       hash: false,
       version: false,
       timings: true,
       assets: true,
       chunks: true,
       chunkModules: true,
       modules: true,
       cached: true,
       colors: true,
       profile: true
       }));

       */

      if (!config.watch) {
        resolve();
      }
    });
  });

};