节点 sass 未在本地编译

Node sass not compiling locally

提问人:Asad Zubair Bhatti 提问时间:9/30/2020 更新时间:9/30/2020 访问量:802

问:

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

npm 运行编译:sass

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

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

我一次又一次地尝试重新启动我的窗口,我什至重新启动了我的命令行。还重新启动了我的命令行,没有 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"  }
}
css 命令行 compass-sass npm 脚本

评论


答:

0赞 Milan 9/30/2020 #1

尝试:

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

艺术

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

评论

1赞 Asad Zubair Bhatti 9/30/2020
你好!感谢您的回复,但是问题仍然存在(我无法应用第二个脚本,我是编码新手,我还在谷歌搜索,我只应用了第一个脚本)