css和scss@import的问题

Question

.
|- app
|   |- app.scss
|   |- common
|        |- common.scss
|        |- stylesheets
|            |- base.scss
|            |- icons
|                |- style.css

//common.scss
@import './stylesheets/base.scss';
@import './stylesheets/icons/style.css';

//app.scss
@import './common/common.scss'

以上的写法报错如下：

Module not found: Error: Cannot resolve 'file' or 'directory' ./stylesheets/icon/style.css in /Users/cc/Desktop/project/app

请问为什么会出现这样的问题呢？根据错误提示，被导入的css文件位于/app目录下，而不是我第一次导入的位置。

css 和 scss 的import的顺序是不一致的吗？

新手，希望各位大大不吝赐教。

Answer 1

./stylesheets/icon/style.css
./styles/icons/style.css
?