webpack.config.js

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

module.exports = (env) => {
  const isProd = env && env.prod;
  const config = {
    mode: "development",
    performance: { hints: false },
    entry: {
      build: "./src/index.js",
    },
    plugins: [
      new webpack.DefinePlugin({
        DEVELOPMENT: !isProd,
      }),
      new CopyWebpackPlugin({
        patterns: [{ from: "src/assets", to: "assets" }],
      }),
      new HtmlWebpackPlugin({
        title: "Development",
        meta: {
          viewport:
            "width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no",
        },
      }),
    ],
    output: {
      filename: "[name].js",
      path: path.resolve(__dirname, "dist"),
    },
    module: {
      rules: [
        {
          test: /.(glsl|vs|fs|vert|frag)$/,
          use: ["raw-loader", "glslify-loader"],
        },
        {
          test: /\.css$/i,

          use: ["style-loader", "css-loader"],
        },
        {
          test: /.js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader",
            options: {
              compact: false,
              presets: [["@babel/preset-env"]],
              plugins: [["@babel/transform-runtime"]],
            },
          },
        },
      ],
    },
  };

  if (!isProd) {
    config.devtool = "source-map";
  }

  return config;
};