webpack.config.js

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");

const isProd = process.env.NODE_ENV === "production";

module.exports = {
  entry: {
    index: "./example/src/index",
    responsive_example: "./example/src/responsive_example"
  },
  output: {
    filename: "[name].js",
    path: path.join(__dirname, "example/dist")
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: "babel-loader",
        exclude: /node_modules/
      }
    ]
  },
  plugins: [
    new BundleAnalyzerPlugin({
      analyzerMode: isProd ? "static" : "disabled"
    }),
    new HtmlWebpackPlugin({
      template: path.join(__dirname, "example/src/index.html"),
      filename: path.join(__dirname, "example/dist/index.html"),
      chunks: ["index"]
    }),
    new HtmlWebpackPlugin({
      template: path.join(__dirname, "example/src/responsive_example.html"),
      filename: path.join(__dirname, "example/dist/responsive_example.html"),
      chunks: ["responsive_example"]
    })
  ],
  devServer: {
    contentBase: "./example",
    host: "0.0.0.0"
  }
};