webpack.development.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ROOT = path.resolve();
const EXAMPLES_DIR = path.join(ROOT, 'example');
const NODE_MODULES_DIR = path.join(ROOT, 'node_modules');

module.exports = {
  mode: 'development',
  devtool: 'inline-source-map',
  entry: [
    path.join(EXAMPLES_DIR, 'index.js')
  ],
  output: {
    filename: 'bundle.js',
    pathinfo: false
  },
  module: {
    rules: [
     {
       test: /\.js$/,
       enforce: 'pre',
       loader: 'source-map-loader'
     },
     {
        test: /\.js$/,
        exclude: NODE_MODULES_DIR,
        loader: 'babel-loader'
     }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: path.join(EXAMPLES_DIR, 'index.html')
    })
  ],
  resolve: {
    extensions: ['.js', '.json'],
    modules: [
      "src",
      NODE_MODULES_DIR,
      EXAMPLES_DIR,
      'tacticaljson'
    ]
  },
  target: 'web',
  devServer: {
    compress: true,
    historyApiFallback: true,
    port: 8082
  }
};