solo toma este index.js:

 import _ from 'lodash'; import Swiper from 'swiper'; import { Fancybox, Carousel, Panzoom } from "@fancyapps/ui"; console.log('from index'); //console.log(Swiper); console.log(Fancybox, Carousel, Panzoom); console.log(_);

Swiper no se usa, por lo que si entiendo correctamente, no debería incluirse en el código de producción. En cambio, puedo encontrarlo en el paquete (visuals.js, ver más abajo). ¿Por qué?

A continuación, está mi configuración de prueba de paquete web actual:

 const path = require('path'); module.exports = { //mode: 'development', mode: 'production', watch: true, entry: { index: './src/index.js', }, output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'), }, optimization: { 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[\\/]/ } }, } }, module: { rules: [ { test: /\.m?js$/, exclude: /node_modules/, use: { loader: "babel-loader", options: { presets: ['@babel/preset-env'] } } } // babel ] // rules } // module };