Шаг 5. webpack.dev.js и его настройка

const path = require('path');

module.exports = {
  mode: 'development',
  devtool: 'inline-source-map',
  optimization: {
    removeAvailableModules: false,
    removeEmptyChunks: false,
    splitChunks: false,
  },
  devServer: {
    static: {
      directory: path.join(__dirname, '../dist'),
    },
    allowedHosts: 'auto',
    open: false,
    compress: true,
    port: 3001,
    hot: false,
  },
};

Здесь мы настраиваем сервер для разработки.

В поле static указываем директорию, которая появится после сборки приложения. Включённый devServer компилирует код и создаёт директорию dist, хранящуюся в оперативной памяти компьютера.

Также обратите внимание на то, что в этой конфигурации включены исходные карты.