我正在研究Reactjs应用程序。我正在使用Webpack。 我的目标是能够创建一个组件，并在同一目录中创建一个带有该组件样式的.scss文件。
e.g：
|- components/
| |-- component1.js
| |-- component1.scss (automatically import files like this one!)
|
|- main.scss (gets loaded by webpack by default)
为了能够自动导入.scss文件，我需要做什么，而无需在每次创建新文件时在main.scss文件中执行@import。我可以导入给定目录中的所有文件。如果我创建一个新的.scss，它应该自动添加到构建的样式中。我不关心进口的顺序。 这有可能吗？
答案 0 :(得分：1)
您要找的是https://www.npmjs.com/package/import-glob-loader。
Globbing或glob加载，将允许您编写@import "components/**/*"类型声明并获取所有.scss文件，就像在Rails资产管道中一样。
答案 1 :(得分：0)
最简单的方法是在使用Gulp构建应用程序时修改gulpfile.js中的路径。
按照此博客上的步骤操作：http://www.michaelbromley.co.uk/blog/425/automatic-import-of-lesssass-files-with-gulp
答案 2 :(得分：0)
没有办法直接告诉sass导入目录中的所有内容。 JustH的glob loader添加了这个功能。