Плагин npm onchange не распознает изменения файлов scss

Я новичок в npm и пытаюсь создать очень простой процесс сборки с чистым npm (без ворчания, глотка и т. д.). Все мои скрипты package.json работают нормально, за исключением того, который отвечает за просмотр файлов SCSS и запуск компиляторов при изменении файла.
Вот мои файлы Package.json, которые должны быть понятными:

    {
      "name": "test-site.com",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "scss": "node-sass --indent-type tab --indent-width 1 --output-style expanded -o dist/css src/scss",
        "autoprefixer": "postcss -u autoprefixer -r dist/css/app.css",
        "build:css": "npm run scss && npm run autoprefixer",
        "serve": "browser-sync start --server --files 'dist/css/*.css, **/*.html, !node_modules/**/*.html'",
        "reload": "browser-sync reload",
        "watch:css": "onchange 'src/scss/*.scss' -- npm run build:scss",
        "build:all": "npm run build:css",
        "watch:all": "npm-run-all -p serve watch:css",
        "postinstall": "npm run build:all && npm run watch:all"
      },
      "author": "Homam",
      "license": "ISC",
      "devDependencies": {
        "autoprefixer": "latest",
        "browser-sync": "latest",
        "node-sass": "latest",
        "npm-run-all": "latest",
        "onchange": "latest",
        "postcss-cli": "latest"
      }
    }

Проблемным сценарием является "watch:css".
Когда я изменяю свой "index.html", он соответствующим образом изменяет веб-страницу, но при изменении любого из моих файлов SCSS никаких изменений не происходит.


person Homam    schedule 16.05.2016    source источник


Ответы (2)


Может быть, потому что

"watch:css": "onchange 'src/scss/*.scss' -- npm run build:scss",

Ссылка на сборку: scss, которая не определена? Вы определили «scss» и «build: css». Попробуйте с:

"watch:css": "onchange 'src/scss/*.scss' -- npm run build:css",
person Moris.io    schedule 17.06.2016

Вы на винде? Если это так, попробуйте заменить одинарные кавычки экранированными двойными кавычками, как указано в файле README onchange.

"watch:css": "onchange \"src/scss/*.scss\" -- npm run build:scss",
person qar3ee    schedule 07.10.2016
comment
Это помогло объяснить, почему мой наблюдатель «завис» в Windows, спасибо! - person Phil Gibbins; 21.08.2017
comment
Это исправило это для меня тоже - person edwinbradford; 27.11.2020