Estoy tratando de configurar Webpack para que compile varios archivos JS. Pero cuando hago esto, la mayoría de JS queda en un archivo de caché, cuyo contenido no está incluido en mis archivos.
Archivos generados:
js -- theme--01.js (134kb) -- theme--02.js (134kb) -- theme--03.js (134kb) -- theme--04.js (134kb) -- themevendors-lib_common_scripts_global_libraries_js-lib_common_scripts_global_smoothscroll_min_js--8bace3.js (753kb)Cuando genero un archivo, funciona correctamente:
js -- theme--01.js (879kb)Cómo se configuran mis puntos de entrada:
entry: { "--01": path.resolve(process.cwd(), 'src', 'theme--01.ts'), "--02": path.resolve(process.cwd(), 'src', 'theme--02.ts'), "--03": path.resolve(process.cwd(), 'src', 'theme--03.ts'), "--04": path.resolve(process.cwd(), 'src', 'theme--04.ts'), },Aquí está mi configuración completa de Webpack en JSfiddle ya que StackOverflow no me deja pegar todo aquí: https://jsfiddle.net/charlievaughan/rpeztbLj/
Necesito generar varios archivos a partir de la misma base de código para diferentes lugares y optimizar las velocidades de carga de la página/puntuaciones de Lighthouse.
Usando Webpack v5.62.1
Solucioné este problema eliminando lo siguiente de mi configuración de Webpack:
splitChunks: { chunks: 'all' }