jarb/bin/devServer.js

/* eslint no-console:0 */
'use strict';
const webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const open = require('open');
const path = require('path');
const fs = require('fs');

let dllConfig = require('../lib/webpack/webpackConfig')('dll');
let compiler = webpack(dllConfig);
compiler.run((err, stats) => {
  if (stats.hasErrors()) {
    console.log(stats.toString({
      chunks: false,  // Makes the build much quieter
      colors: true    // Shows colors in the console
    }));
  }

// this is the dev server webpack configuration
// in short, production is not the right name of the 'env'....
  let config = require(path.join(__dirname, '../lib/webpack/buildTypes/devServer'));

  let extendablePath = path.join(`${__dirname}/../../../tools/` + 'webpackConfig.js');
  if (fs.existsSync(extendablePath)) {
    config = require(extendablePath)(config);
  }

  new WebpackDevServer(webpack(config), config.devServer)
    .listen(config.devServer.port, '0.0.0.0', (err) => {
      if (err) {
        console.log(err);
      }
      console.log(`Listening at localhost:${config.devServer.port}`);
      console.log('Opening your system browser...');
      open(`http://localhost:${config.devServer.port}/`);
    });
});