Node.js
Автозагрузка изменений
Поиск…
Автозагрузка изменений исходного кода с использованием nodemon
Пакет nodemon позволяет автоматически перезагружать вашу программу при изменении любого файла в исходном коде.
Установка nodemon по всему миру
npm install -g nodemon
(или npm i -g nodemon
)
Установка nodemon локально
Если вы не хотите устанавливать его на глобальном уровне
npm install --save-dev nodemon
(или npm i -D nodemon
)
Использование nodemon
Запустите свою программу с помощью nodemon entry.js
(или nodemon entry
)
Это заменяет обычное использование node entry.js
(или node entry
).
Вы также можете добавить свой запуск nodemon в качестве сценария npm, что может быть полезно, если вы хотите предоставлять параметры и не печатать их каждый раз.
Добавьте package.json:
"scripts": {
"start": "nodemon entry.js -devmode -something 1"
}
Таким образом, вы можете просто npm start
с консоли.
Browsersync
обзор
Browsersync - это инструмент, который позволяет осуществлять просмотр в реальном времени и перезагрузку браузера. Он доступен как пакет NPM .
Монтаж
Чтобы установить Browsersync, вам сначала необходимо установить Node.js и NPM. Для получения дополнительной информации см. Документацию SO по установке и запуску Node.js.
После того, как ваш проект настроен, вы можете установить Browsersync с помощью следующей команды:
$ npm install browser-sync -D
Это установит node_modules
в локальный каталог node_modules
и сохранит его в зависимости от вашего разработчика.
Если вы хотите установить его глобально, используйте флаг -g
вместо флага -D
.
Пользователи Windows
Если у вас возникли проблемы с установкой Browsersync в Windows, вам может потребоваться установить Visual Studio, чтобы вы могли получить доступ к средствам сборки для установки Browsersync. Затем вам нужно указать версию Visual Studio, которую вы используете, например:
$ npm install browser-sync --msvs_version=2013 -D
Эта команда указывает версию Visual Studio 2013 года.
Основное использование
Чтобы автоматически перезагружать сайт, когда вы меняете файл JavaScript в своем проекте, используйте следующую команду:
$ browser-sync start --proxy "myproject.dev" --files "**/*.js"
Замените myproject.dev
веб-адресом, который вы используете для доступа к вашему проекту. Browsersync выдаст альтернативный адрес, который можно использовать для доступа к вашему сайту через прокси.
Расширенное использование
Помимо интерфейса командной строки, описанного выше, Browsersync также может использоваться с Grunt.js и Gulp.js.
Grunt.js
Использование с Grunt.js требует плагина, который можно установить так:
$ npm install grunt-browser-sync -D
Затем вы добавите эту строку в свой gruntfile.js
:
grunt.loadNpmTasks('grunt-browser-sync');
Gulp.js
Browsersync работает как модуль CommonJS , поэтому нет необходимости в плагине Gulp.js. Просто требуется модуль следующим образом:
var browserSync = require('browser-sync').create();
Теперь вы можете использовать API Browsersync для его настройки в соответствии с вашими потребностями.
API
API Browsersync можно найти здесь: https://browsersync.io/docs/api