问题:
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平台上使用反斜线,我们必须保证路径名里不会出现特殊字符。当然,我们可以使用转义字符(\)来避免这个问题。
但是我尝试过文件命名没有特殊字符的时候,只写单个反斜杠也不能编译,具体原因我也不清楚,如果有知道的小伙伴麻烦留言告诉我一下,我也一直在寻找答案!