我正在尝试在 NodeJS 项目中使用 sass,这是我使用 nodejs 安装的库
https://www.npmjs.org/package/node-sass
我在这个项目中使用 webstorm,但无法让 Sass 文件观察器工作。
即使我保存文件观察器并单击“确定”后,文件观察器也无法工作。当我打开设置来检查问题所在时,文件观察器已被取消选中。以下是文件观察器设置:
node-sass 模块作为全局模块安装,因此 node-sass 命令可以工作。
- 您需要在 Program 字段中指定 node-sass.cmd 的完整路径(如 @LazyOne 提到的)
- 指定的参数不适用于 node-sass - 它们仅适用于标准 SASS 编译器。以下是 node-sass 选项的列表:
Usage: node C:\Users\USER\AppData\Roaming\npm\node_modules\node-sass\bin\node-sass
[选项]<input.scss>
[<output.css>
]
Options:
--output-style CSS output style (nested|expanded|compact|compressed) [default: "nested"]
--source-comments Include debug info in output (none|normal|map) [default: "none"]
--include-path Path to look for @import-ed files [default: "C:\\Users\\USER\\AppData\\Roaming\\npm"]
--watch, -w Watch a directory or file
--output, -o Output css file
--stdout Print the resulting CSS to stdout
--help, --help Print usage info
最简单的设置如下所示:
Program: C:\Users\USER\AppData\Roaming\npm\node-sass.cmd
Arguments: $FileName$ $FileNameWithoutExtension$.css
Working directory: $FileDir$
Output paths to refresh: $FileNameWithoutExtension$.css
'Create output from stdout' should be off
通过这样的设置,生成的 .css 文件将放置在原始 .scss 附近。如果您想将生成的文件放入不同的文件夹中,请尝试使用-o
选项。喜欢:
Arguments: $FileName$ -o $ProjectFileDir$/css/$FileNameWithoutExtension$.css
Output paths to refresh: $ProjectFileDir$/css/$FileNameWithoutExtension$.css
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)