webpack.debug-dev.browser.config.js

// help: http://webpack.github.io/docs/configuration.html
// help: https://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli
const fs = require('fs');
const path = require('path');
const webpack = require('webpack');

const rules = require('./webpack.loaders');
const plugins = require('./webpack.plugins');

const serverPort = Number(process.argv[process.argv.length - 1]);

console.log('To debug open address: http://localhost:' + serverPort + ' on any browser');
console.log('');

const config = {
  mode: "development",
  target: 'web', // help: https://webpack.github.io/docs/configuration.html#target
  entry: [
    'webpack-dev-server/client?http://localhost:' + serverPort, // bundle the client for webpack-dev-server and connect to the provided endpoint
    'webpack/hot/only-dev-server',                              // bundle the client for hot reloading, only- means to only hot reload for successful updates
    path.resolve(__dirname, 'src/webpack-debug-browser.index.ts')
  ],
  optimization: {
    usedExports: true,       // true to remove the dead code, for more https://webpack.js.org/guides/tree-shaking/
  },
  devtool: "source-map",     // help: https://webpack.js.org/configuration/devtool/
  devServer: {
    port: serverPort,
  },
  externals: [],
  output: {
    filename: 'debug-dev-browser.js'
  },
  resolve: {
    alias: {},
    extensions: [".webpack.js", ".web.js", ".ts", ".tsx", ".js", ".jsx"]
  },
  module: {
    rules,
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),     // enable HMR globally
  ].concat(plugins),
};

module.exports = config;