react-popups/webpack.config.js

Reactjs component for spawning custom popups at mouse position.

const path = require('path')
const packageJson = require(path.resolve(__dirname, "package.json"))
const HtmlWebPackPlugin = require("html-webpack-plugin")

const mainFile = "Popups.jsx"

module.exports = {
  entry: {
    main: path.resolve(__dirname, "src", mainFile),
  },

  output: {
    filename: "[name].js",
    library: mainFile.substring (0, mainFile.indexOf(".")),
    libraryTarget: "umd",
  },

  externals: process.env.NODE_ENV == "development" ? [] :
    Object.keys(packageJson.peerDependencies),

  devtool: "source-map",

  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: [/node_modules/],
        use: {
          loader: "babel-loader",
        },
      },
      {
        test: /\.html$/,
        use: [
          {
            loader: "html-loader",
            options: { minimize: true },
          },
        ],
      },
      {
        enforce: "pre",
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: [
          {
            loader: "eslint-loader",
            options: { fix: true }
          },
        ],
      },
    ],
  },

  plugins: [
    new HtmlWebPackPlugin({
      template: path.resolve (__dirname, "src", "index.html"),
    })
  ],
}