我已经四处寻找,但我似乎无法找到答案..说我有一个项目,在我的项目中我有一些.scss
文件,如mixins.scss
,vars.scss
和base.scss
现在显然我想在我的组件.scss
文件中使用这些文件..有没有一种方法我可以导入所有这些,然后在我的项目中使用它们..它似乎很愚蠢,我有每个.scss
文件我需要写6个导入语句..现在我试图直接添加这些文件到angular-cli.json
文件以及在我的主要styles.scss
文件中导入它们但这两种方法都不起作用
任何帮助,将不胜感激!
编辑
我设法通过将所有导入到main.scss
文件中来找到解决办法,但肯定有更好的方法!
您可以使用webpack的require.context
功能来要求文件夹中的所有文件。 Here's an answer with a solution for that.
requireAll(require.context('./styles/', true, /\.scss$/))