Estoy haciendo mis primeras pruebas con webpack y experimentando con la división de código, y simplemente quería iniciar sesión desde mi archivo index.js. Se compila, pero no registra nada, tanto en el modo de desarrollo como en el de producción. Los archivos se compilan y cargan. Muy extraño. Estoy seguro de que estoy haciendo algo mal... ¿Podría indicarme la dirección correcta?

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

configuración del paquete web:

 const path = require('path'); module.exports = { //mode: 'development', mode: 'production', watch: true, entry: { index: './src/index.js', //page_2: './src/page-2.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 };