2016-08-20 67 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