在Angular 2中放置Common CSS的位置

时间:2016-10-20 01:42:05

标签: css angular sass

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

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

3 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:1)

向下滚动到Angular 2 Style Guide中的“App Structure and Angular Modules”。官方应用程序结构具有shared文件夹(app文件夹中的一个),共享文件应该放在该文件夹中。共享的CSS文件应该放在相应的shared文件夹中。

答案 2 :(得分:0)

在Assets文件夹内创建styles文件夹,其中包含所有共享的CSS文件。现在,可以将这些共享的CSS文件导入到styles.scss文件中,或者直接在styles数组下的angular.json文件中添加。

共享模块仅用于组件,管道,指令和共享ts文件