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

发布时间：2020-12-17 17:04:59 所属栏目：安全来源：网络整理

导读：我是Angular 4和Angular-CLI的新手. 我找不到任何解决方案如何为整个应用程序使用root scss / css文件. 因此,我的问题是,如何在项目中使用全局scss文件？解决方法在src文件夹中创建一个样式文件夹,然后你可以将其中的所有内容导入到src文件夹中的styles.sc

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

解决方法

在src文件夹中创建一个样式文件夹,然后你可以将其中的所有内容导入到src文件夹中的styles.scss中.这是我的看法：

// 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文件中的样式中,否则它将无效.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!