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

【问题标题】：Easier way to import scss in Angular 5在 Angular 5 中导入 scss 的更简单方法
【发布时间】：2018-08-11 20:13:35
【问题描述】：

我已经四处搜索，但似乎找不到答案.. 说我有一个项目，在我的项目中我有一些 .scss 文件，如 mixins.scss、vars.scss 和 base.scss 现在显然我会想在我的组件.scss 文件中使用这些文件.. 有没有一种方法可以一次导入所有这些文件，然后在整个项目中使用它们.. 在我需要的每个.scss 文件上似乎很愚蠢编写 6 个导入语句.. 现在我尝试将这些文件直接添加到 angular-cli.json 文件中，并将它们导入我的主要 styles.scss 文件中，但这些方法都不起作用

任何帮助将不胜感激！

编辑

我设法通过将所有导入文件放入 main.scss 文件中找到了解决方法，但肯定有更好的方法！

【问题讨论】：

标签： css angular typescript sass

【解决方案1】：

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

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

【讨论】：