npm-watch 只运行一次

Question

我尝试使用npm-watch作为文件观察器来编译 scss 文件。 当我运行 npm 运行时，请注意脚本运行并执行我的预期。 但是在运行后它立即结束并且不会在文件更改时再次运行。 换句话说，它可以工作，但不能观看。 它只运行一次。 有人可以告诉我可能是什么问题吗？

这是 package.json

{
  "name": "limitless",
  "version": "1.0.0",
  "main": "index.js",
  "dependencies": {
    "autoprefixer": "^10.2.5"
  },
  "devDependencies": {
    "jshint": "^2.10.3",
    "node": "14.16.0",
    "node-sass": "^5.0.0",
    "npm-watch": "^0.11.0",
    "uglify-js": "^3.16.1",
    "uglifycss": "^0.0.29"
  },
  "watch": {
    "patterns": ["www/scss"],
    "extensions": ["scss"],
    "delay": "2000"
  },
  "scripts": {
    "watch": "node-sass www/scss/theme.scss www/css/theme.css"
  }
}

谢谢你的帮助。

Answer 1

问题是名为 npm 的运行手表安装了 npm-watch。 解决方案如下所示：

  "watch": {
    "compile-css": {
      "patterns": ["www/scss"],
      "extensions": ["scss"],
      "delay": 250,
      "runOnChangeOnly": true
    },
    "compile-js": {
      "patterns": ["www/js/src"],
      "extensions": ["js"],
      "delay": 250,
      "runOnChangeOnly": true
    }
  },
  "scripts": {
    "compile-css": "npm run scss && npm run minify-css",
    "compile-js": "uglifyjs www/js/src/app.js -o www/js/dist/app.min.js & uglifyjs www/js/src/main.js -o www/js/dist/main.min.js",
    "scss": "node-sass www/scss/theme.scss www/css/theme.css",
    "minify-css": "css-minify -f www/css/theme.css -o www/css",
    "js": "npm run uglifyjs ",
    "watch": "npm-watch"
  },

所以我运行npm run watch ，它调用 npm-watch ，如果文件被更改，它会触发其他脚本。