节点 sass 未在本地编译

Question

新手在这里通过构建一个虚拟项目来学习如何使用 sass。我正在使用命令行将我的 main.scss 文件（其中包含许多从部分导入的文件）编译到 style.css 文件中。

npm 运行编译：sass

每当我对我的 sass 文件进行更改时，除非我多次保存不同的文件，否则这些更改不会发生在 CSS 中。

即使我在 package.json（附加代码和命令文件的屏幕截图）文件中使用了监视脚本，并且我在 npm init 上遵循了 3 个不同的教程，但我相信那里似乎没有错误。

我一次又一次地尝试重新启动我的 Windows，我什至重新启动了我的命令行。在没有 watch 命令的情况下也重新启动了我的命令行。我能找到的唯一解决方案是我将不同的部分保存了大约 5 6 次，这在某种程度上花费了太多时间。我花了 30 分钟来完成这个转换：所有 0.2 秒的行都处理成样式表。

我有一个 512 gb ssd 和 16 gb ram，所以计算机速度似乎不是问题。

在附图中，图1保存了所有内容，但没有转换过渡属性，在图2中您会发现过渡属性经过多次保存后完全随机转换。之后你会发现命令行显示 sass 代码正在编译没有任何问题。

截图： https://i.stack.imgur.com/LHsSf.png

    {  "name": "projectnatours",
  "version": "2.0.0",
  "description": "trying from scratch",
  "main": "index.js",
  "scripts": {"compile:sass": "node-sass sass/main.scss css/style.css -w"  },
  "author": "",
  "license": "ISC",
  "devDependencies": {    "node-sass": "^4.14.1"  }
}

Answer 1

尝试：

"compile:sass": "node-sass sass/main.scss -wo css/"

或：

"compile:sass": "node-sass  -rw sass -o css"