const webpack = require("webpack");

const path = require("path");

const Dotenv = require("dotenv-webpack");

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

const { CleanWebpackPlugin } = require("clean-webpack-plugin");

module.exports = {

mode: "development",

devtool: "eval-source-map",

module: {

rules: [

{

test: /\.js$/,

exclude: /node_modules/,

use: {

loader: "babel-loader",

},

},

{

test: /\.(gif|png|jpe?g|svg|xml|mp3|ogg)$/i,

type: "asset/resource",

},

],

},

plugins: [

new CleanWebpackPlugin({

root: path.resolve(__dirname, "../"),

}),

new webpack.DefinePlugin({

CANVAS_RENDERER: JSON.stringify(true),

WEBGL_RENDERER: JSON.stringify(true),

}),

new HtmlWebpackPlugin({

template: "./index.html",

}),

new Dotenv(),

],

};