自动导入ReactJS项目中的所有*.scs

Question

是否有任何方法可以将所有_*.scss文件导入React项目中的主App.scss文件？由于我为每个组件都有单独的文件夹，我想避免键入

@import './components/UI/button';
@import './components/UI/menu';
@import './components/Forms/textInput';

完美的是这样一个工作代码：

@import './components/*';

我知道顺序问题，我不影响我的css，文件可以随机导入。

Answer 1

glob包会根据您的实际需要执行此操作。不过，我建议不要这样做，直接在组件中包含sass文件更有效，但主要是因为CSS中的顺序很重要。

Answer 2

您可以在components目录中创建文件_index.scss，并从子目录中导入所有文件。之后可以导入写入@import './components/index';或@import './components';