我一直在关注Angular 2风格指南(angular.io)中的项目结构。他们推荐的所有内容似乎都有意义,但我对一件事情感到困惑:你会在这个结构中放置常见的CSS?
通过常见的CSS,我正在谈论你想要导入多个其他CSS文件的Sass partials之类的东西。或者甚至对于HTML,如果您使用的是模板语言。
答案 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文件