當我使用 -w "watch:sass" 時，SCSS npm 不編譯 CSS

Question

當我使用-w "watch:sass"時，SCSS npm 不編譯 CSS

   "scripts": {
            "watch:sass": "node-sass sass/main.scss css/style.css -w",
            "devserver": "live-server --browser=firefox",
            "start": "npm-run-all --parallel devserver watch:sass",

Answer 1

它在終端上凍結並且更新不起作用。 如果我刪除 -w 比它完美地工作。

 {
 "name": "nikesh",
  "version": "1.0.0",
  "description": "Landing page for natours",
  "main": "index.js",
  "scripts": {
    "watch:sass": "node-sass sass/main.scss css/style.css -w",
    "devserver": "live-server",
    "start": "npm-run-all --parallel devserver watch:sass",

    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "concat:css": "concat -o css/style.concat.css css/icon-font.css css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.concat.css -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
    "build:css": "npm-run-all compile:sass concat:css prefix:css compress:css"
  },
  "author": "tandel",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^7.1.4",
    "concat": "^1.0.3",
    "node-sass": "^4.5.3",
    "npm-run-all": "^4.1.1",
    "postcss-cli": "^4.1.1"
  }
}

Answer 2

而不是寫作

"watch:sass": "node-sass sass/main.scss css/style.css -w",

試試這個

"sass": "node-sass -w sass/main.scss -o css/style.css --recursive",

這里，

1. -w : 意味着我們必須觀察 sass/main.scss 文件

2. -o : 表示需要將輸出保存在 css/style.css 文件中

Answer 3

解決我的問題的是，當我在終端中編譯 sass 時，我終於注意到它正在將所有內容編譯到錯誤的文件中。 我調整了我的 package.json 並且我在我的文件中所做的所有更改最終正確編譯，我能夠看到實時更改。