angular - 如何在 angular-cli 项目中使用全局 scss 文件

Question

我是 Angular 4 和 Angular-CLI 的新手。我找不到如何为整个应用程序使用根 scss/css 文件的任何解决方案。因此，我的问题是，如何在项目中使用全局 scss 文件？

Answer 1

在 src 文件夹中创建一个 styles 文件夹，然后您可以将其中的所有内容导入到 styles.scss 中，该文件也在 >src 文件夹。这是我的样子:

// Vendors
@import './styles/vendors/_exports';

// Utils
@import './styles/utils/_exports';

// Globals
@import './styles/globals/_exports';

// Partials
@import './styles/partials/_exports';

// Components
@import './styles/components/_exports';

每个 _exports 文件都会导入特定文件夹中的所有文件，以便更轻松地将其导入到 styles.scss 文件中。

希望对您有所帮助。

编辑:

正如评论中所指出的，确保将 styles.scss 添加到 angular-cli.json 文件中的 styles 或者它不会起作用。