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