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

问题描述 投票:-1回答:1

我已经四处寻找,但我似乎无法找到答案..说我有一个项目,在我的项目中我有一些.scss文件,如mixins.scssvars.scssbase.scss现在显然我想在我的组件.scss文件中使用这些文件..有没有一种方法我可以导入所有这些,然后在我的项目中使用它们..它似乎很愚蠢,我有每个.scss文件我需要写6个导入语句..现在我试图直接添加这些文件到angular-cli.json文件以及在我的主要styles.scss文件中导入它们但这两种方法都不起作用

任何帮助,将不胜感激!

编辑

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

css angular typescript sass
1个回答
1
投票

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

requireAll(require.context('./styles/', true, /\.scss$/))
© www.soinside.com 2019 - 2024. All rights reserved.