Node.js
Ladda automatiskt om ändringar

Autoladd på källkod ändras med nodemon

Nodemonpaketet gör det möjligt att ladda om programmet automatiskt när du ändrar någon fil i källkoden.

Installera nodemon globalt

npm install -g nodemon (eller npm i -g nodemon )

Installera nodemon lokalt

Om du inte vill installera det globalt

npm install --save-dev nodemon (eller npm i -D nodemon )

Med hjälp av nodemon

Kör ditt program med nodemon entry.js (eller nodemon entry )

Detta ersätter den vanliga användningen av node entry.js (eller node entry ).

Du kan också lägga till din nodemonstart som ett npm-skript, vilket kan vara användbart om du vill ange parametrar och inte skriva ut dem varje gång.

Lägg till paket.json:

  "scripts": {
    "start": "nodemon entry.js -devmode -something 1"
  }

På det här sättet kan du bara använda npm start från din konsol.

Browsersync

Översikt

Browsersync är ett verktyg som gör det möjligt att titta på live-filer och ladda om webbläsaren. Det finns som ett NPM-paket .

Installation

För att installera Browsersync måste du först ha Node.js och NPM installerat. Mer information finns i SO-dokumentationen om installation och körning av Node.js.

När ditt projekt har konfigurerats kan du installera Browsersync med följande kommando:

$ npm install browser-sync -D

Detta kommer att installera Browsersync i den lokala node_modules katalogen och spara den i dina utvecklarberoenden.

Om du hellre vill installera den globalt använder du -g flaggan istället för -D flaggan.

Windows-användare

Om du har problem med att installera Browsersync i Windows kan du behöva installera Visual Studio så att du kan komma åt byggverktygen för att installera Browsersync. Du måste då ange vilken version av Visual Studio du använder på så sätt:

$ npm install browser-sync --msvs_version=2013 -D

Detta kommando anger 2013-versionen av Visual Studio.

Grundläggande användning

För att ladda om din webbplats automatiskt när du ändrar en JavaScript-fil i ditt projekt använder du följande kommando:

$ browser-sync start --proxy "myproject.dev" --files "**/*.js"

Byt ut myproject.dev med webbadressen som du använder för att komma åt ditt projekt. Browsersync kommer att mata ut en alternativ adress som kan användas för att komma åt din webbplats via proxy.

Avancerad användning

Förutom kommandoradgränssnittet som beskrivits ovan kan Browsersync också användas med Grunt.js och Gulp.js.

Grunt.js

Användning med Grunt.js kräver ett plugin som kan installeras så:

$ npm install grunt-browser-sync -D

Sedan lägger du till den här raden till din gruntfile.js :

grunt.loadNpmTasks('grunt-browser-sync');

Gulp.js

Browsersync fungerar som en CommonJS- modul, så det finns inget behov av ett Gulp.js-plugin. Kräv helt enkelt modulen så:

var browserSync = require('browser-sync').create();

Du kan nu använda Browsersync API för att konfigurera det efter dina behov.

API

Browsersync API kan hittas här: https://browsersync.io/docs/api