Webpack Режим наблюдения — это функция, которая позволяет инструменту отслеживать ваши исходные файлы на наличие изменений и автоматически запускать перекомпиляцию всякий раз, когда обнаруживается изменение. Это особенно полезно во время разработки, так как помогает сэкономить время, избегая ручной перекомпиляции каждый раз, когда вы вносите изменения в свой код.
Вот как вы можете использовать Webpack режим часов:
Работа Webpack в режиме просмотра
Чтобы запустить Webpack в режиме просмотра, вы можете использовать --watch флаг при запуске webpack команды через терминал. Например:
npx webpack --watch
Эта команда Webpack начнет просмотр ваших исходных файлов и автоматически перекомпилирует пакет всякий раз, когда вы сохраняете в них изменения.
Webpack Конфигурация
Вы также можете настроить режим наблюдения в webpack файле конфигурации( webpack.config.js), добавив watch: true параметр:
module.exports = {
// ...other configuration options
watch: true
};
Таким образом, вам не нужно использовать --watch флаг каждый раз, когда вы запускаете webpack команду.
Поведение
Когда Webpack он находится в режиме просмотра, он будет постоянно отслеживать ваши исходные файлы на наличие изменений. Всякий раз, когда вы вносите изменения и сохраняете файлы, Webpack пакет будет автоматически перекомпилирован. Это позволяет вам видеть изменения в вашем приложении без необходимости каждый раз запускать процесс сборки вручную.
Имейте в виду, что, хотя режим просмотра отлично подходит для разработки, он обычно не используется в производственных сборках, поскольку может потреблять ненужные ресурсы. Для производственных сборок вы обычно используете Webpack для создания оптимизированных и минимизированных пакетов без режима просмотра.
Не забудьте обратиться к официальной Webpack документации за самой последней информацией об использовании режима часов и связанных с ним параметров.