Reactjs 导入多个scss文件的策略

Reactjs 导入多个scss文件的策略,reactjs,sass,webpack,Reactjs,Sass,Webpack,在Rails中,我可以在一个import语句中导入许多sass或scss文件。在我的application.scss中,我放置了以下内容,这些内容将导入文件夹库/模块/布局中的所有文件和文件夹: @import 'base/**/*'; @import 'blocks/**/*'; @import 'layouts/**/*'; 有没有办法在Webpack(2.0)和React(15)环境中实现这一点 您可以将这样的预加载程序用于网页https://github.com/Aintaer/imp

在Rails中,我可以在一个import语句中导入许多sass或scss文件。在我的
application.scss
中,我放置了以下内容,这些内容将导入文件夹库/模块/布局中的所有文件和文件夹:

@import 'base/**/*';
@import 'blocks/**/*';
@import 'layouts/**/*';

有没有办法在Webpack(2.0)和React(15)环境中实现这一点

您可以将这样的预加载程序用于网页
https://github.com/Aintaer/import-glob-loader
以实现该行为。基本上,这个预加载程序会在编译之前扩展您的
import
语句。阅读github页面上的更多信息。

您可以在应用程序的索引中导入主SCS,并通过sass执行所有导入操作。但是我可以导入文件夹中的所有文件吗?还是需要逐个导入?您尝试过吗?