Шаг 1. Инициализация

Для начала работы над новым проектом необходимо его проинициализировать:

  • создать директорию проекта и перейти в неё;
  • ввести в терминале команду npm init или npm init -y;
  • внести минимальные правки в поле scripts.

Обратим внимание на флаг --mode, который отвечает за минимизирование кода при сборке проекта:

"scripts": {
  "build": "webpack --mode production", // production и development — моды, отвечающие за то, будет ли код минимизирован
  "start": "serve dist" // указываем, какую директорию смотреть — в ней должен находиться файл с расширением .html,
  // где в теге указывается <script src="main.js"> 
},

Файл package.json, созданный в результате выполнения команды по инициализации
Файл package.json, созданный в результате выполнения команды по инициализации