首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jetbrains骑士SCSS负载路径

Jetbrains骑士SCSS负载路径
EN

Stack Overflow用户
提问于 2022-08-27 22:34:54
回答 1查看 115关注 0票数 3

我已经开始使用JetBrains Rider作为我的主要IDE -到目前为止我很喜欢它。在使用Visual时,我使用While将SCSS文件编译为CSS。效果很好。然而-我不相信让Rider编译SCSS文件正确。

我已经设置了文件监视程序,就像文档中所说的:https://www.jetbrains.com/help/rider/Transpiling_SASS_LESS_and_SCSS_to_CSS.html#ws_sass_less_scss_example_less

这与简单的SCSS文件很好地工作。但是-当我尝试使用负载路径时,事情就停止了。

我试图包含基金会CSS,我已经通过NPM安装了它,所以它位于node_modules/ Foundation -sites/scss中。当直接使用命令行时,以下功能就像一种魅力:

代码语言:javascript
复制
sass --load-path=node_modules/foundation-sites/scss wwwroot/styles/main.scss:wwwroot/styles/main.css

我的main.scss文件:

代码语言:javascript
复制
@import 'foundation';  
@include foundation-everything;

我得到了一个完美的CSS文件,包括基金会等。

然而-当我在Rider中尝试相同的操作时,我只会得到一个错误:

代码语言:javascript
复制
sass.cmd --load-path=node_modules/foundation-sites/scss main.scss:main.css
Error: Can't find stylesheet to import.
  ╷
1 │ @import 'foundation';
  │          ^^^^^^^^^^^^
  ╵
  main.scss 1:10  root stylesheet

我已经在我的文件监视器中包含了--加载路径参数:

但我就是不能让它起作用。我想使用Rider在我所有的网页开发-因此,任何帮助,使SCSS设置与文件监视将非常感谢。

我希望有人能帮我。我已经搜索了官方的JetBrains论坛等等,但是找不到任何解决这个问题的方法。我希望这个解决方案也能帮助其他人。

非常感谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-09-11 08:17:38

在@lena输入之后,我通过两个选项之一获得了我的解决方案。

选项1-使用监视的实际node_modules文件的相对路径:

选项2-将WorkingPath设置为项目的根,然后使用与输入SCSS和输出CSS文件的相对路径:

正如所指出的,负载路径使用相对路径.修复后,我的SCSS现在被转换成CSS。

非常感谢您的输入@lena :)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73514835

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档