Не так давно я писал зачем нужно разделять код на чанки, а теперь давайте рассмотрим некоторые нюансы настройки Webpack, связанные с этим вопросом. Для начала, создадим папку src и добавим туда три файла, index.js и два других (предположим foo.js и baz.js), динамически импортируемых в первый. Затем добавим минимальный файл конфигурации: // webpack.config.js module.exports = { entry: './src/index.js', output: { // про contenthash как нибудь в другой раз filename: '[name].[contenthash].js', }, }; Кстати, когда речь идёт о долгосрочном проекте, рекомендую всегда самим настраивать сборку, а не использовать готовые решения...

Источник: Nuances of Programming Что такое Webpack? Webpack — это инструмент, позволяющий скомпилировать, например, JavaScript модули в единый JS-файл. Webpack также известен как сборщик модулей. Реклама admitad При большом количестве файлов он создает один объемный файл (или несколько файлов) для запуска вашего приложения. Он также способен выполнять множество иных операций: Webpack не ограничивается одним лишь фронтендом, его также успешно применяют в бэкенд разработке на Node.js. У Webpack есть предшественники, у которых он перенял многие идеи...