webpack.config.dev.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = env => {
  return {
    mode: 'development',
    entry: {
      index: './src/js/index.js',
      settings: './src/js/settings.js',
      login: './src/js/login.js',
      'edit-task': './src/js/edit-task.js'
    },
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: '[name].bundle.js'
    },
    devServer: {
      contentBase: false,
      disableHostCheck: true,
      hot: false,
      inline: false,
      port: 8080
    },
    module: {
      rules: [
        {
          test: /\.m?js$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader'
          }
        }
      ]
    },
    plugins: ['index', 'settings', 'edit-task', 'login'].map(chunk => {
      return new HtmlWebpackPlugin({
        filename: `${chunk}.html`,
        template: `./src/${chunk}.html`,
        chunks: [chunk]
      });
    })
  };
};