Для начала работы у вас должны быть установлены node.js v12.21.0 и npm 6.14.11.
Установка пакетов
- открываем рабочую директорию в IDE (желательно WebStorm).
- в терминале вызываем команду
npm init
для инициализации менеджера пакетов - с помощью команды
npm i -d webpack
устанавливаем пакет webpack - по аналогии устанавливаем следующие пакеты:
- webpack-cli
- @webpack-cli/generators
- открываем файл package.json и добавляем в нем скрипт
"init": "webpack-cli init"
(в блокеscripts
) - в терминале выполняем команду
npm run init
запустится процесс настройки нового проекта, где надо будет выбрать следующие пункты:
- ES6
- соглашаемся добавить webpack-dev-server
- соглашаемся создать теплейт HTML файла
- не добавляем CSS
- соглашаемся переписать package.json
- выполняем команду
npm run serve
Если все сделали правильно - должно открыться окно браузера с надписью "Hello world!", а при редактировании файлов index.html
и index.js
окно браузера должно автоматически обновляться и показывать изменения в файлах.