Tengo un proyecto .NET en el que intento usar la funcionalidad de división de código de Webpack.

Mi salida de Webpack (la parte relevante) se ve así:

 { output: { path: resolve(__dirname, config.path.public), pathinfo: false, filename: 'js/[name].js', chunkFilename: 'js/[name].js', publicPath: '/' }, }

La configuración de mi paquete se parece a esto:

 private void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/js").Include( "~/assets/store/js/vendor.js", "~/assets/store/js/index.js", "~/assets/marketing/js/index-prod.js")); }

Cuando construyo el front-end, Webpack genera varios fragmentos JS: index.js, index-prod.js, 2.js, 3.js, 4.js , etc. Entonces, la división de código parece estar funcionando. Sin embargo, cuando enciendo mi navegador, las páginas están en su mayoría en blanco y veo un error que indica que no pudo encontrar la fuente para 4.js. Entonces parece que la aplicación no puede encontrar la ruta correcta. Tenga en cuenta que todo funcionaba antes de intentar implementar la división de código. Pensé que simplemente especificar index.js/index-prod.js en el paquete sería suficiente, y que los componentes se cargarían de forma dinámica/perezosa (es decir, los fragmentos) en la interacción del usuario.

¿Qué estoy haciendo mal? No quiero que el empaquetador concatene todos los fragmentos (lo que anularía el propósito de fragmentarlos). E idealmente, no debería tener que agregar manualmente cada archivo fragmentado al paquete.