问题描述
这里的新手通过构建虚拟项目来学习如何使用sass。我正在使用命令行将我的main.scss文件(其中包含许多从局部导入的文件)编译为style.css文件。
npm运行compile:sass
每当我对sass文件进行更改时,除非我多次保存不同的文件,否则更改不会在CSS中发生。
即使我在package.json文件中使用了监视脚本(附加了代码和命令文件的屏幕截图),并且在npm init上遵循了3个不同的教程,但我相信那里似乎没有错。
我试图一次又一次地重新启动Windows,甚至重新启动了命令行。还重新启动了我的命令行,而没有watch命令。我能找到的唯一解决方案是,我将不同的部分保存了大约5 6次,以某种方式花费了太多时间。我花了30分钟进行了转换:将所有0.2s的行都处理到样式表中。
我有512 GB的固态硬盘和16 GB的内存,因此计算机速度似乎不是问题。
在所附图片中,图片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" }
}
解决方法
尝试:
"compile:sass": "node-sass sass/main.scss -wo css/"
或:
"compile:sass": "node-sass -rw sass -o css"