在Angular 5中导入scss的更简单方法

时间:2018-03-03 20:42:56

标签: css angular typescript sass

我已经四处寻找,但我似乎无法找到答案..说我有一个项目,在我的项目中,我有一些.scss文件,如mixins.scss,{{1}现在显然我想在我的组件vars.scss文件中使用这些文件..有没有一种方法可以导入所有这些,然后在整个项目中使用它们。它似乎愚蠢的是,我需要在每个base.scss文件上编写6个import语句..现在我已经尝试将这些文件直接添加到.scss文件中,并将其导入我的主.scss}文件,但这些方法都没有工作

任何帮助将不胜感激!

修改

我设法通过将所有导入放入angular-cli.json文件来找到解决办法,但肯定有更好的方法!

1 个答案:

答案 0 :(得分:1)

您可以使用webpack的require.context功能来要求文件夹中的所有文件。 Here's an answer with a solution for that.

requireAll(require.context('./styles/', true, /\.scss$/))