导入scss文件到另一个

Question

index.js文件：

import React from 'react';
import './index.scss';

const Page = () => {
  return (
    <div>test</div>
  );
}

export default Page;

index.scss文件：

@import 'styles/_styles.scss';
// @import '../../../../styles/_styles.scss';

我收到此错误：

File to import not found or unreadable: styles/_styles.scss.

因此，如果我在index.scss中注释第一行，然后取消注释第二行就可以了，但是问题是路径太长且看起来很丑，我还需要将其导入到不同目录中的另一个文件中，这只会延长路径。