2016-08-20 71 views
3

是否可以在各个组件之外使用全局.scss文件?我为组件中使用.scss做了“ng set defaults.styleExt scss”,但我无法在src或app中真正创建全局.scss文件。我正在使用新的webpack/cli 任何想法?Angular 2中的全局.scss文件

回答

2

就在今天,angular-cli的README文件已被更改,并且包含有关全局样式表的信息。 (https://github.com/angular/angular-cli#global-styles

尝试在根文件夹或应用程序中添加styles.scss。

+0

你试过这个吗?我似乎无法得到它的工作。既不在/ src也不在/ src/app – j2L4e

+0

感谢您的回复。有关生成新项目的部分适用于使用.scss的组件,但没有添加全局styles.scss文件。如果我尝试添加一个它不起作用。 – user3712837

+2

文档提到将它添加到应用程序[0] .styles,您可以尝试修改您的angular-cli.json,使其看起来像: apps:[{“012”“main”:“src/main.ts”, “tsconfig”:“src/tsconfig.jsoon”, “mobile”:false, “styles”:[“src/styles.scss”] }] –

0

您现在的最佳选择是创建一个新的scss文件,并在您的*.scss组件的开头创建一个新的@import文件。这并不完美,但这样你就可以为变量和mixins创建一个单一源代码(现在)。

+0

感谢您的回复。它使用新的cli自动设置。 – user3712837

+0

从v1.0.0-beta.17开始,我不知道全局'scss'文件。 – Nir