Soy nuevo en webpack y estoy experimentando con la división de código. Me gustaría crear más de un fragmento personalizado, por lo tanto, usar grupos de caché como este:

 optimization: { minimize: true, splitChunks: { cacheGroups: { visuals: { name: 'visuals', chunks: 'all', test: /[\\/]node_modules[\\/](swiper|@fancyapps\/ui|dom7|ssr-window)[\\/]/ }, lowdash: { name: 'lowdash', chunks: 'all', test: /[\\/]node_modules[\\/]lodash[\\/]/ } }, } },

Como puede ver, en la primera parte, que es para swiper y fancybox, también estoy agregando dom7 and ssr-window , que son swiper's dependencies . Me preguntaba: ¿hay alguna manera de decirle a webpack que siga todas las dependencias del paquete? Quiero decir, ¿una forma de decirle al paquete web 'simplemente elija el paquete swiper e incluya automáticamente todas sus dependencias en el fragmento, sin necesidad de especificarlas manualmente'?