webpack.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyPlugin = require('copy-webpack-plugin');
const TerserPlugin = require("terser-webpack-plugin");
const path = require('path');
const webpack = require("webpack");

const config = {
    entry: {
        'index': './index.js'
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'lib/[name]-[contenthash:8].js',
        chunkFilename: (pathData) => {
            let name = pathData.chunk.id;
            if (typeof name === "number") name = "chunk"; // production mode
            name = name.replace(/(src_|_js)/g, '');
            if (name === 'vendors-node_modules_croquet_worldcore-kernel_Mixins') name = "worldcore";
            if (name === 'vendors-node_modules_dimforge_rapier3d_rapier') name = "rapier3d";
            if (name === 'wonderland_croquet_libraries_packages_croquet_cjs_croquet-croquet') name = "croquet";
            if (name.includes('node_modules')) name = "misc";
            return `lib/${name}-[contenthash:8].js`;
        },
        webassemblyModuleFilename: "lib/[modulehash].wasm",
        clean: true
    },
    resolve: {
        fallback: {
            'crypto': false,
            buffer: require.resolve('buffer/'),
        }
    },
    devtool: false,
    experiments: {
        asyncWebAssembly: true
    },
    devServer: {
        allowedHosts: 'all',
        watchFiles: ['./src/**.js', './*.js'],
        port: 9684,
    },
    module: {
        rules: [
            {
                test: /\.(jpe?g|png|gif|svg|zip|glb)$/i,
                type: 'asset/resource',
            },
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: 'index.html',   // input
            filename: 'index.html',   // output filename in dist/
            minify: false,
            chunks: ['index']
        }),
        new webpack.ProvidePlugin({
            Buffer: ['buffer', 'Buffer']
        }),
        new CopyPlugin({
            patterns: [
                { from: 'assets/**/*'},
                { from: 'behaviors/**/*'},
                { from: 'worlds/*.{js,vrse}'},
                { from: 'meta/version.txt', to: 'meta/version.txt'},
                { from: 'apiKey.js', noErrorOnMissing: true },
                { from: 'apiKey-dev.js', noErrorOnMissing: true },
            ]
        })
    ],
};

module.exports = (env, argv) => {
    if (argv.mode === 'production') {
        config.optimization = {
            minimize: true,
            minimizer: [
                new TerserPlugin({
                    exclude: /(behaviors|worlds)\//,
                    terserOptions: {
                        keep_fnames: true
                    },
                    extractComments: false,
                })
            ]
        };
    } else {
        config.module.rules.push({
            test: /\.js$/,
            enforce: "pre",
            use: ["source-map-loader"],
        });
        config.plugins.push(
            new CopyPlugin({
                patterns: [
                    { from: 'apiKey-dev.js', to: 'apiKey-dev.js', noErrorOnMissing: true },
                ]
            })
        );
    }
    return config;
};

/* globals require __dirname module */