当我使用 -w "watch:sass" 时，SCSS npm 不编译 CSS答案

【问题标题】：SCSS npm is not compiling CSS when I use -w "watch:sass"当我使用 -w "watch:sass" 时，SCSS npm 不编译 CSS
【发布时间】：2020-02-13 05:22:14
【问题描述】：

当我使用-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",

【问题讨论】：

它在做什么？
解释到底发生了什么。
它在终端上冻结，更新不起作用。如果我删除 -w ，它就会完美地工作。

标签： npm sass compilation

【解决方案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"
  }
}

【讨论】：

【解决方案2】：

而不是写

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

试试这个

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

这里，

-w : 表示我们必须查看 sass/main.scss 文件
-o：表示需要将输出保存在css/style.css文件中

【讨论】：

【解决方案3】：

解决我的问题的是，当我在终端中编译 sass 时，我终于注意到它正在将所有内容编译到错误的文件中。我调整了我的 package.json，我在文件中所做的所有更改最终都正确编译，并且我能够看到实时更改。

【讨论】：