Tengo en mi proyecto los siguientes archivos JS de vainilla: -

1. Principal
2. constantes
3. Juego

Constants JS tiene un grupo de variables exportadas, una de las cuales se establece a través de una variable ENV que usa Game JS (no Main).

Al compilar (webpack/ babel), el código se divide en Main y Game y Main JS lazy loads game on demand.

Mi problema es si hay una línea en Constants JS export const URL = process.env.VAR

Si bien puedo ver la variable establecida en Main JS (que no la usa), la URL no está definida en Game JS (que sí la usa)

¿Cómo es esto posible y puede explicar lo que está sucediendo aquí?

Mi configuración de paquete web para esto es

 , entry: { main: "./src/main.js" }, output: { filename: 'build/[name].js', path: path.resolve(__dirname), publicPath: 'auto', assetModuleFilename: 'assets/[name][ext][query]' } , optimization: { runtimeChunk: 'multiple', minimizer: [ '...', new CssMinimizerPlugin() ] }

en Main JS hago lo siguiente

 import(/* webpackChunkName: "game" */ /* webpackPreload: true */ './game').then(module => { const initGame = module.default, ...

El juego JS tiene

 import { URL } from '../constants' ... const initGame = () => { ... fetch(URL... export default initGame