Мы можем запустить webpack в режиме часов. Если включен режим watch, webpack будет «следить» за любыми изменениями, которые мы вносим в наш код, и после того, как мы сохраним изменения, он сам перезапустится, чтобы пересобрать пакет.
Чтобы включить режим просмотра, просто добавьте свойство watch со значением true в webpack.config.js, как показано ниже:
Выполните команду npm start
для перезапуска webpack, на этот раз с включенным режимом просмотра:
$ npm start
Откройте ./dist/index.html
файл в браузере (или обновите, если он уже открыт). В index.html не должно быть никаких изменений, мы должны увидеть то же содержимое HTML и сообщение журнала консоли, которое мы обновляли в последний раз в предыдущем разделе. Ниже показано текущее состояние index.html, если вы следовали этому руководству.
Теперь давайте внесем некоторые изменения в наш app.js и посмотрим, работает ли режим просмотра веб-пакета:
Обновите сообщение console.log в app.js, как показано ниже:
console.log("Welcome! Greetings from app.js. Let's learn Webpack2");
и сохраните файл.
Как только мы сохраним файл, мы заметим, что веб-пакет работает и перестраивает пакет кода в окне терминала / команд.
И если мы обновим index.html
файл в браузере, мы должны увидеть обновленное сообщение журнала консоли:
Далее мы увидим, как webpack связывает зависимости нашего модуля.
[‹]