导入许多scss文件的策略

Question

I'm used in Rails to be able to import many sass or scss files in a single import statement. In my application.scss I'd put the following, which would import all files and folders in the folders base/modules/layouts:

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

Is there any way to accomplish this in a Webpack (2.0) and React (15) context?

Answer 1

You can use a preloader like this for webpack https://github.com/Aintaer/import-glob-loader to achieve the behaviour. Basically this preloader expands your import statement before compiling them. Read more on the github page.