Как вы определяете несколько точек входа в Webpack?
Этот вопрос проверяет понимание, как можно настроить Webpack для сборки нескольких независимых модулей приложения.
Короткий ответ
Несколько точек входа определяются с помощью объекта в конфигурации entry. Каждая точка входа представляет независимый модуль приложения, и Webpack создаёт отдельные выходные файлы для каждого.
Длинный ответ
В сложных приложениях могут быть разные части, которые работают независимо, например, пользовательская и административная панели. Для их сборки используется несколько точек входа.
Пример настройки:
module.exports = {
entry: {
main: './src/main.js', // Главная точка входа
admin: './src/admin.js', // Административная панель
},
output: {
filename: '[name].bundle.js', // Имя файла соответствует имени точки входа
path: __dirname + '/dist',
},
};В этом случае Webpack создаст два файла: main.bundle.js и admin.bundle.js. Это помогает разделять логику приложения и оптимизировать загрузку ресурсов в браузере.