webpack.config.js

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { LoaderOptionsPlugin } = require("webpack");
module.exports = {
    mode: "development",
    entry: {
        main: path.resolve(__dirname, "src/app.js"),
        three: path.resolve(__dirname, "src/three.js"),
    },
    output: {
        path: path.resolve(__dirname, "build"),
        filename: "[name].[contenthash].js",
        clean: false,
    },
    module: {
        rules: [
             {test: /\.s[ac]ss$/i, use: ["style-loader","css-loader","sass-loader"]},
             {test: /\.(svg|png|ico|wepg|jpg|jpeg|gif)$/, use: ["asset/resource"]},
        ]
    },
    devtool: "inline-source-map",
    devServer: {
        watchFiles: path.resolve(__dirname, "build"),
        compress: true,
        port: 8080,
        open: true,
        hot: true,
        liveReload: true
    },
    plugins:[new HtmlWebpackPlugin({title:"s0xiety.x",file: "index.html", template: "public/app.html"})]
};