Да, в Webpack можно настроить так, чтобы на выходе было два файла для каждой страницы. Для этого необходимо использовать несколько entry points и настроить output.
Entry points - это точки входа, с которых начинается сборка проекта. Каждый entry point может представлять собой отдельную страницу или модуль. В зависимости от конфигурации результата сборки, Webpack может использовать эти entry points для создания разных файлов.
Как пример, предположим, у вас есть две страницы: index.html и about.html. Вы хотите создать отдельные файлы bundle_index.js и bundle_about.js для каждой страницы.
В конфигурационном файле webpack.config.js вы можете определить entry points и настроить output:
module.exports = {
entry: {
index: './src/index.js',
about: './src/about.js'
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'dist')
}
};
В этом примере у нас есть два entry points: index и about. Каждый entry point указывает на соответствующий файл исходного кода. В output мы используем [name] в filename, чтобы Webpack создал файлы с названием, соответствующим именам entry points.
Результат сборки будет следующим:
- Для entry point index будет создан файл bundle_index.js.
- Для entry point about будет создан файл bundle_about.js.
Важно отметить, что в html файле каждой страницы вы должны указать соответствующий файл bundle в теге script. Таким образом, на каждой странице будет загружаться только необходимый файл.
Это лишь пример простой конфигурации, и в зависимости от требований вашего проекта, вы можете модифицировать и расширить эту конфигурацию. Webpack предоставляет множество возможностей для настройки, включая использование разных loader'ов, плагинов и других опций. Вы также можете использовать дополнительные плагины, такие как HtmlWebpackPlugin, чтобы автоматически генерировать файлы HTML для каждой страницы.
В заключение, да, с помощью конфигурации Webpack можно создать два файла для каждой страницы, просто настройте entry points и output в соответствии с вашими потребностями.