Estoy desarrollando algunos componentes de React con la intención de agregarlos a nuestro sitio Webflow. Para eso, agregué una entrada para cada componente en mi archivo webpack.config.js . Ahora, se ve así:

 const path = require("path"); module.exports = { entry: { component_a: "./src/components/a.js", component_b: "./src/components/b.js", component_c: "./src/components/c.js", }, mode: "production", module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, use: ["babel-loader"] }, { test: /\.css$/, use: ["style-loader", "css-loader"] }, { test: /\.(pdf|jpg|png|gif|svg|ico)$/, use: [ { loader: "url-loader" } ] }, { test: /\.(woff|woff2|eot|ttf|otf)$/, loader: "file-loader" } ] }, resolve: { extensions: ["*", ".js", ".jsx"] }, output: { path: __dirname + "/dist", publicPath: "/", filename: "bundle_[name].js" }, devServer: { static: { directory: path.join(__dirname, "dist") } } };

Esto me genera algunos bundle_<component_name>.js , ¡lo cual funciona muy bien!

Pero luego, era necesario agregar react-map-gl para algunos de esos componentes, y ahí es donde comenzó el problema: estaba teniendo un problema con react-map-gl cuando hacía npm run build y esto lo resolvió. Pero al mismo tiempo, se genera un nuevo bundle_mapbox-gl-csp-worker.worker.js para mí y todos mis componentes integrados que dependen de él tienen algo como esto:

 {return new Worker(i.p+"bundle_mapbox-gl-csp-worker.worker.js")}

Aunque funciona bien para la implementación de nuestro contenedor (porque siempre buscará bundle_mapbox-gl-csp-worker.worker.js en el mismo origen y este archivo existirá), cada vez que intento agregar <script src="https.../bundle_my_component.js"> a Webflow, buscará https://my-webflow.domain/bundle_mapbox-gl-csp-worker.worker.js , que no existe.

Intenté reemplazar i.p+"bundle_mapbox-gl-csp-worker.worker.js" en algún lugar donde se sepa que existe este script, pero luego obtengo Script at 'https://.../bundle_mapbox-gl-csp-worker.worker.js' cannot be accessed from origin 'https://some.other.origin' .

Me pregunto si hay una forma de fusionar mi componente y el bundle_mapbox-gl-csp-worker.worker.js alguna manera, ya sea a través de un paquete web o algo así. O cualquier otra solución para esto.