webpack.config.js

const path = require("path")
const HtmlWebpackPlugin = require("html-webpack-plugin")
const CopyWebpackPlugin = require("copy-webpack-plugin")

const DEV_MODE = "development"
const PROD_MODE = "production"
const NONE = "none"

const mode = (() => {
  const nEnv = process.env.NODE_ENV
  switch (nEnv) {
    case PROD_MODE:
    case DEV_MODE:
      return nEnv
    default:
      return NONE
  }
})()

const isDevMode = () => mode === DEV_MODE

module.exports = {
  mode,
  entry: {
    app: "./example/index.tsx"
  },
  output: {
    path: `${__dirname}/dist`,
    filename: "[name].js"
  },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        exclude: /node_modules/,
        use: "ts-loader"
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: "babel-loader"
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      inject: true,
      template: path.join(process.cwd(), "resources", "index.html")
    }),
    new CopyWebpackPlugin(
      [
        "test1.wav",
        "pipo.mp3",
        "scheduler.js",
        "pinknoise.js",
        "whitenoise.js",
        "clipper.js"
      ].map(e => `resources/${e}`)
    )
  ],
  resolve: {
    extensions: [".ts", ".tsx", ".js", ".json"]
  }
}