¿Cuál es el punto? Uso Babel y core-js para polyfill y aquí, cuando uso la carga del módulo dinámico para reducir el tamaño del código y, por supuesto, no cargar en la página lo que no es necesario, enfrenté ese núcleo . -js en código generado de 4336 líneas para un script de 12 líneas de código:

 import isMobile from 'is-mobile'; document.addEventListener('DOMContentLoaded', function () { if (isMobile() === true) { import('./module/mobilemenu').then(function ({default: init}) { const menu = document.querySelector('.mobile-menu'); init(menu, document.body); }); } });

A juzgar por la documentación de Babel para el complemento correspondiente ( @babel/plugin-syntax-dynamic-import ) combinado con el parámetro en la configuración babel.confi.js useBuiltIns: 'usage' carga estos módulos desde core-js :

 import "core-js/modules/es6.promise"; import "core-js/modules/es6.array.iterator";

¿Es posible optimizar de alguna manera este tamaño de archivo, tal vez core-js usa módulos que no se usan para el código anterior y podrían ignorarse IgnotePlugin ?

Entiendo que el soporte a estándares antiguos infla el código fuente, pero en este caso el código de webpack sin preprocesador se lleva 400 y con babel 10 veces más, y no me gusta mucho :(

Entonces, tal vez alguien estaba tratando de averiguar cuál es el motivo del archivo engorroso y si se puede acortar de alguna manera.

babel :

limpio :

Si necesita más información, escriba en los comentarios, también abierto a críticas si estoy haciendo algo mal aquí ((