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

前端之家收集整理的这篇文章主要介绍了如何在angular-cli项目中使用全局scss文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是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文件中的样式中,否则它将无效.

猜你在找的Angularjs相关文章