Skip to content

Работа с webpack

Anton Gromov edited this page Mar 26, 2018 · 2 revisions

Установка

  • Скачиваем последнюю LTS версию Node.js вот тут: https://nodejs.org/en/
  • Устанавливаем, в процессе убеждаемся, что пути добавляются в PATH: http://tossha.com/p/npm_install_1.png
  • Открываем в проводнике папку с проектом (у меня это OpenServer/domains/verrier/)
  • Зажимаем Shift и кликаем правой кнопкой по пустому месту в проводнике, в меню выбираем "Открыть окно shell здесь" или что-то вроде этого. Без зажатого Shift этого пункта в меню не будет.
  • В открывшейся командной строке набираем npm install
  • После этого в папке проекта появится новая папка и новый файл. Нужно добавить их в игнор-лист гита. Для этого...
  • Открываем файл .git/info/exclude любым текстовым редактором и после комментариев добавляем туда:
node_modules
package-lock.json

Использование

  • После внесения изменений нужно выполнить в папке проекта команду npm run build, она обновит выходной файл dist/app.bundle.js
  • Более простой вариант: выполнить команду npm run watch. Она начнёт следить за изменяемыми файлами и автоматически обновлять app.bundle.js, так что вам ничего не надо будет делать при внесении изменений. Бандл в этом режиме обновляется через несколько десятых секунды после сохранения изменённого файла.