Parece que estos bucles forEach deberían ser equivalentes, pero de alguna manera la variable hace que el árbol de Webpack tiemble (supongo) para que sea mucho menos agresivo, y mi proyecto está estructurado de una manera en la que necesito que sea agresivo. El código se simplifica para mostrar solo el problema mencionado. Para el contexto, estoy creando un modelo que permite al usuario/cliente usar módulos flexibles de arrastrar y soltar que representan componentes de React.

 // AllModules = Object of React Components moduleNames = ['ModuleName']; moduleNames.forEach((name) => { const Module = AllModules[name]; // Webpack compiles assets for every component in AllModules }); moduleNames.forEach((name) => { const Module = AllModules['ModuleName']; // Webpack compiles only the assets for ModuleName });

Prefiero no meterme con la configuración de Webpack si es posible, eso siempre parece abrir una lata de gusanos, pero lo haré si es necesario. ¿Hay alguna forma de usar la variable que se comporta exactamente como lo hace la cadena codificada?