webpack boilerplate for js with babel

install.sh

yarn add -D webpack webpack-cli webpack-dev-server babel-loader@next @babel/core @babel/preset-env @babel/preset-stage-0 html-webpack-plugin

webpack.config.js

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

module.exports = {
  devServer: {
    // NOTE
    // modify hosts file with the next line
    host: 'development.local',
    allowedHosts: ['0.0.0.0'],
    port: 3030,
    open: true,
  },

  entry: path.resolve('src/index.js'),

  mode: 'development',

  module: {
    rules: [
      {
        test: /\.js$/,
        use: 'babel-loader',
      }
    ],
  },

  output: {
    path: path.resolve('dist'),
    filename: '[name].js',
    publicPath: '',
  },

  plugins: [
    new HTMLPage()
  ],
}