Estoy trabajando en una aplicación web AFRAME, tratando de incluir varios componentes que estoy usando y que ya han sido creados y distribuidos a través de la comunidad AFRAME. Ahora sé cómo importar módulos de otros archivos JS, pero AFRAME no está diseñado para usar require o import a menos que use un paquete web, ya que todo debe cargarse antes que el HMTL. Actualmente en mi archivo webpack.dev.config tengo mi cargador aquí

 module: { rules:[ { test: /\.(png|jpg)$/, type: 'asset', parser: { dataUrlCondition:{ maxSize: 3 * 1024, }, }, }, { test: /\.js$/, exclude: /node_modules/, include: ['src', require.resolve('aframe-physics-system')], use:{ loader: 'babel-loader', options: { presets: ['@babel/env'], plugins: ['@babel/plugin-proposal-class-properties'], }, }, }, ], }

Que estoy requiriendo uno de los componentes actuales que estoy usando de la comunidad. Pero me gustaría incluir más porque quiero poder usar el cargador de configuración para cargar todos los componentes de esa manera para no tener que descargar cada script y mantenerlo dentro de mi proyecto fuente. Es más que probable que esté pensando demasiado en esto, pero ¿cómo se puede formatear la propiedad de inclusión para permitir múltiples llamadas require.resolve() ?