在 Angular 項(xiàng)目中,通常有兩種方式來處理 CSS 文件的位置。
第一種方式是將 CSS 文件與組件代碼分開存放。在組件的文件夾下新建一個 CSS 文件,然后在組件裝飾器中使用 styleUrls 數(shù)組來指定這個組件使用的 CSS 文件路徑。示例代碼如下:
@Component({ selector: 'app-component', templateUrl: './app.component.html', styleUrls: ['./app.component.css'], }) export class AppComponent {}
第二種方式是將所有的 CSS 放在一個全局的文件中。在 Angular 項(xiàng)目中,我們可以通過在 angular.json 文件中配置 styles 數(shù)組來指定全局 CSS 文件的路徑。示例代碼如下:
"styles": [ "src/styles.css" ],
當(dāng)然,你也可以同時采用這兩種方式來滿足不同的需求。