webpack.config.js

const {
    sentryWebpackPlugin
} = require("@sentry/webpack-plugin");

const path = require("path");
const {DefinePlugin} = require("webpack");
const BundleTracker = require("webpack-bundle-tracker");
const {CleanWebpackPlugin} = require("clean-webpack-plugin");

const TerserPlugin = require("terser-webpack-plugin");

module.exports = (env, argv) => {
    return {
        mode: argv.mode,

        context: __dirname,
        watch: true,
        entry: "./src/index.tsx",

        output: {
            path: path.resolve(__dirname, '../sticknet-engine/webpack/assets/bundles/'),
            filename: "[name]-[hash].js",
        },

        resolve: {
            extensions: ['.tsx', '.ts', '.js'],
            fallback: {
                "path": require.resolve("path-browserify"),
                "fs": false,
            }
        },

        experiments: {
            asyncWebAssembly: true
        },

        devServer: {
            contentBase: path.resolve('../sticknet-engine/webpack/assets/bundles/'),
            hot: true,
            port: 8080,
            publicPath: "/",
        },

        plugins: [
            new BundleTracker({filename: "../sticknet-engine/webpack/webpack-stats.json"}),
            new DefinePlugin({
                "process.env.NODE_ENV": JSON.stringify(argv.mode),
            }),
            new CleanWebpackPlugin(),
            sentryWebpackPlugin({
                authToken: process.env.SENTRY_AUTH_TOKEN,
                org: "sticknet",
                project: "web"
            })
        ],

        optimization: argv.mode === 'production' ? {
            minimize: true,
            minimizer: [new TerserPlugin()],
        } : {},

        module: {
            noParse: /\.wasm$/,
            rules: [
                {
                    test: /\.tsx?$/,
                    exclude: /node_modules/,
                    use: {
                        loader: "ts-loader",
                    },
                },
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    use: {
                        loader: "babel-loader",
                        options: {
                            presets: ["@babel/preset-env"],
                        },
                    },
                },
                {
                    test: /\.(png|jpg|jpeg|ttf)$/,
                    loader: "url-loader",
                    options: {
                        limit: 8192,
                        name: "[name].[ext]",
                    },
                },
                {
                    test: /\.css$/,
                    use: [
                        "style-loader",
                        {
                            loader: "css-loader",
                            options: {
                                modules: {
                                    localIdentName: "[name]__[local]___[hash:base64:5]",
                                },
                            },
                        },
                    ],
                },
                {
                    test: /\.wasm$/,
                    loader: "base64-loader",
                    type: "javascript/auto",
                },
            ],
        },

        devtool: "source-map"
    }
};