vs code使用Easy Sass插件编译sass文件路径报错问题解决

问题:

scss文件中使用了@import来引入另一个scss文件,两个scss文件不在同一层级,所以我使用相对路径的写法来引用文件,但是使用vs code里面安装的扩展Easy Sass进行编译时,终端报错

 但其实这个文件是存在的,并且相对路径的写法是没有错的,而且之前用过其他编译工具(koala)编译过也没有问题,那我就考虑到会不会是Easy Sass不能识别@import相对路径,我尝试把page-common.scss放到和about-honor.scss同目录下 ,再次编译是可以成功的。

解决:

 虽然把给page-common.scss换个位置是可以编译成功,但是考虑到page-common.scss被多个文件引用过,不能随便更改位置,网上查阅文章找到了一种解决办法,把路径改写为

@import '..\\page-common.scss';

换成双反斜杠的写法可以编译成功,使用了windows平台的路径写法(有可能是因为vs code是微软开发的),上面两个斜杠一个是路径符一个是转义符

为什么需要转义符呢?

在Windows平台上使用反斜线,我们必须保证路径名里不会出现特殊字符。当然,我们可以使用转义字符(\)来避免这个问题。

但是我尝试过文件命名没有特殊字符的时候,只写单个反斜杠也不能编译,具体原因我也不清楚,如果有知道的小伙伴麻烦留言告诉我一下,我也一直在寻找答案!

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值