Weboldal keresés

javascript - npm szkriptek nodemon - js és scss fájlok változásainak figyelése


Kísérletezem egy fejlesztői környezet beállításával, hogy csak az NPM-et használjam, grunt.js vagy bower.js használata nélkül.

Követtem ezt a bemutatót: http://beletsky.net/2015/04/npm-for-everything.html

A nodemon-t használom a .js és .scss fájljaim figyelésére változások esetén, ami újraindítja a node szervert. Tehát a package.json fájlomban, a scripts rész alatt a következőket tartalmazom

szkriptek :

"watch-js": "nodemon -e js --watch public/js -x \"npm run build-js\"",
"watch-sass": "nodemon -e scss --watch public/sass -x \"npm run build-sass\"",
"watch": "npm run watch-js & npm run watch-sass"

De amikor futtatom a npm run watch parancsot, csak a public/js fájlok változását figyeli. És ennek megfelelően indít egy buildet.

De nem fogja figyelni a sass fájlokat.

Verziók: node v0.10.36 nodemon v1.4.1

Mellékelek egy build scriptet is, ami ha futtatok, lefordítja a sass-t css-re, szóval a build-sass scriptemnek rendben kell lennie

"build": "npm run build-js & npm run build-sass",
"watch": "npm run watch-js & npm run watch-sass"

Válasz #1

Ha Windows-t használsz, előfordulhat, hogy a Windows problémával találkozol

Mivel az npm az operációs rendszer shelljére támaszkodik a scriptparancsok futtatásához, ezek gyorsan hordozhatatlanná válhatnak. Míg a Linux, Solaris, BSD és a Mac OSX előre telepítve tartalmazza a Basht alapértelmezett shellként, a Windows nem. Windows rendszeren az npm a Windows parancssort fogja használni ezekhez a dolgokhoz.

Ha igen, kipróbálhatod a parallelshell vagy az npm-run-all használatát a jobb platformok közötti támogatás érdekében.

Válasz #2

Ez működik számomra Mac OS-en

  1. Telepítsd a nodemont

    npm install --save-dev nodemon
  2. Telepítse az npm-run-all-t:

    npm install --save-dev npm-run-all
  3. A package.json fájlba adj hozzá két szkriptet:

    "startn": "nodemon ./app.js", "watch-jscss": "gulp watch"

    • Ahol az 'app.js' a szerverfájlod
    • A "gulp watch" helyettesíthető bármelyik feladattal, ami sass figyelést végez.
  4. A konzolon:

    npm-run-all --parallel watch-jscss startn