Встречается на собеседованиях • сегодня

Как настроить 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
  }
};

Основные моменты:

  1. Установите нужные лоадеры (npm install --save-dev babel-loader css-loader style-loader)
  2. Для разработки добавьте webpack-dev-server
  3. Плагины типа HtmlWebpackPlugin упрощают работу с HTML
  4. Для продакшена используйте mode: 'production' для оптимизации
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы