Шаг 3. Минимальный конфиг

Мы можем вносить правки в файл webpack.config.js. Сейчас не станем углубляться в то, какие поля и параметры подлежат настройке — обратим внимание лишь на то, что для работы написано минимальное количество строк кода.

const path = require('path');

module.exports = {
  entry: './src/index.js', // входная точка в приложение
  output: {
    filename: 'main.js', // имя файла, создаваемого после сборки
    path: path.resolve(__dirname, 'dist'), // имя создаваемой директории после сборки
  },
};

Время сборки составило 677 мс., и это непосредственно в браузере.

Скриншот консоли со сведениями о времени загрузки созданных файлов
Скриншот консоли со сведениями о времени загрузки созданных файлов

У нас получилось работоспособное приложение со счётчиком по нажатию красной кнопки и счётчиком количества нажатых клавиш клавиатуры.

Открытое в браузере приложение
Открытое в браузере приложение