Встречается на собеседованиях • сегодня
Как настроить Webpack
Для настройки Webpack создайте файл webpack.config.js в корне проекта. Основные настройки:
javascript
const path = require('path');
module.exports = {
entry: './src/index.js', // Точка входа
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.js$/, // Обработка JS через Babel
exclude: /node_modules/,
use: 'babel-loader'
},
{
test: /\.css$/, // Обработка CSS
use: ['style-loader', 'css-loader']
}
]
},
plugins: [
new HtmlWebpackPlugin({ template: './src/index.html' })
],
devServer: {
contentBase: './dist',
hot: true
}
};Основные моменты:
- Установите нужные лоадеры (
npm install --save-dev babel-loader css-loader style-loader) - Для разработки добавьте
webpack-dev-server - Плагины типа
HtmlWebpackPluginупрощают работу с HTML - Для продакшена используйте
mode: 'production'для оптимизации

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы