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

Question

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

如有任何帮助，我们将不胜感激!

编辑

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

Answer 1

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

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