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