Angular 2中的全局.scss文件

Question

Is it possible to use a global .scss file outside of individual components? I did an "ng set defaults.styleExt scss" for using .scss in components but I can't really create a global .scss file in src or app. I'm using the new webpack/cli Any ideas?

Answer 1

Just today README file for angular-cli was changed and included info about global style sheet. ( https://github.com/angular/angular-cli#global-styles )

Try adding styles.scss in either root folder or in app.

Answer 2

Your best option for now is to create a new scss file, and @import it in the beginning of your *.scss component. It's not perfect at all, but that way you can create a single source for variables and mixins (for now).