webpack.config.js

var path = require('path');

module.exports = (env, argv) => {
    let devtool = false;
    if (argv.mode === 'development') {
        devtool = 'inline-source-map';
    }
    console.log(`${argv.mode} build`);
    const module = {
        rules: [{
            test: /\.tsx?$/,
            exclude: /node_modules/,
            use: [{
                loader: 'ts-loader',
            }]

        },
        {
            test: /\.worker\.(c|m)?ts$/i,
            use: {
              loader: 'worker-loader',
              options: {
                inline: 'no-fallback'
              }
            }
          }
    ]
    };

    return [

        {
            name: 'arjs',
            devtool,
            entry: './src/index.ts',
            output: {
                //library: 'THREEx',
                path: path.resolve(__dirname, './dist'),
                filename: 'ar.js',
                libraryTarget: 'umd',
                globalObject: 'this'
            },
            resolve: {
                alias: {
                    jsartoolkit: '@ar-js-org/artoolkit5-js',
                    //threexArmarkercontrols$: path.resolve(__dirname, 'three.js/src/threex/arjs-markercontrols.js')
                },
                extensions: [".tsx", ".ts", ".js"],
            },
            module,
            externals: {
                three: {
                    commonjs: 'three',
                    commonjs2: 'three',
                    amd: 'three',
                    root: 'THREE' // indicates global variable
                }
            }
        },
        {
            name: 'arjs.module',
            devtool,
            experiments: {
                outputModule: true,
            },
            entry: './src/index.ts',
            output: {
                //library: 'THREEx',
                library: {
                    type: 'module',
                },
                path: path.resolve(__dirname, './dist'),
                filename: 'ar.mjs',
            },
            resolve: {
                alias: {
                    jsartoolkit: '@ar-js-org/artoolkit5-js',
                    //threexArmarkercontrols$: path.resolve(__dirname, 'three.js/src/threex/arjs-markercontrols.js')
                },
                extensions: [".tsx", ".ts", ".js"],
            },
            module,
            externalsType: 'module',
            externals: {
                three: 'three',
            }
        },
    ];
};