Я новичок в 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 никаких изменений не происходит.