在Angular 2中放置Common CSS的位置

Question

我一直在关注Angular 2风格指南(angular.io)中的项目结构.他们推荐的所有内容似乎都有意义,但我对一件事感到困惑:你会在这个结构中放置常见的CSS？

通过常见的CSS,我在谈论像你想要导入多个其他CSS文件的Sass partials.或者甚至对于HTML,如果您使用的是模板语言.

Answer 1

如果使用angular cli创建项目,则会styles.css在src文件夹下找到一个文件.将所有常用样式放在此文件中.

.angular-cli.json file提到要将这个文件捆绑为样式

"styles": [
        "styles.css"
      ],

Answer 2

使用SCSS时,这是创建shared/shared.scss包含常见样式的文件的好方法.并导入您@import '../shared/shared';在scss文件上添加的其他组件以使用这些常用样式.