Css 导入样式文件的快捷方式

我在一个React项目中工作。
在组件的特定SASS文件中，我导入SASS部分，如下所示：

@import '../../styles/fonts';

当我在Angular project中工作时，前面的路径可以简化为：

@import 'fonts';

如何实现这一点是通过向“.angular.cli.json”添加配置来实现的，如本文所述

我的问题是：有没有办法在React项目中实现相同的结果？怎么做

---

谢谢大家!

您可以使用Webpack别名（假设您正在使用Webpack）解析导入，然后使用scss文件中的别名导入模块，如下所示：

webpack.config.js

const path = require('path');

module.exports = {
  //...
 resolve: {
    alias: {
       styles: path.join(__dirname, 'app/styles') 
   }
 }
};

像进口一样

@import '~styles/variables';

有关更多信息，请参阅这些

---

希望这有帮助

非常感谢你的回答。它不仅帮助我解决了这个具体问题，而且还形成了其他重要问题。