scratch-box-js/webpack.config.js

Create scratch card in browser.

const path = require("path")
// const CleanWebpackPlugin = require("clean-webpack-plugin")
const devMode = process.env.NODE_ENV == "development"

let config = {
  name: "Assets",
  context: path.resolve("./src"),
  mode: devMode ? "development" : "production",
  watch: devMode,
  devServer: {
    overlay: true,
    stats: "errors-only",
    // CORS
    headers: {
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
      "Access-Control-Allow-Headers":
        "X-Requested-With, content-type, Authorization",
    },
  },
  performance: {
    hints: devMode ? false : "warning",
  },
  entry: {
    scratcher: "./Scratcher.js",
  },
  output: {
    filename: devMode ? "[name].js" : "[name].min.js",
    chunkFilename: "[name].bundle.js",
    path: __dirname + "/build",
    // library: undefined,
    // libraryTarget: "umd",
  },
  resolve: {
    extensions: [".tsx", ".ts", ".js"],
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-env"],
          },
        },
        exclude: /node_modules/,
      },
    ],
  },
  plugins: [],
}

module.exports = config