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 ，如果文件被更改，它會觸發其他腳本。