时间戳

首页 > 解决方案 > 将样式表添加到 Angular 11 应用程序

css - 将样式表添加到 Angular 11 应用程序

问题描述

我使用ng new hello-world.

ng serve使用我运行项目后，我从浏览器获得以下源代码。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.css"></head>
<body>
<app-root></app-root>
<script src="runtime.js" defer></script><script src="polyfills.js" defer></script><script src="vendor.js" defer></script><script src="main.js" defer></script></body>
</html>

怎么<link rel="stylesheet" href="styles.css">加到这里的？

我怎样才能删除它？

如果我需要添加另一个这样的样式表，我应该怎么做？

在此处输入图像描述

标签： cssangular

解决方案

Angular 会自动将 CSS 注入到您的 index.html 中。要删除此行为，请styles.css从stylesangular.json 文件中删除。

要添加新样式，请将路径添加到您的其他 CSS 中styles：

"styles": [
   "assets/css/custom-styles-1.css",
   "assets/css/custom-styles-2.css"
],

有关更多信息，请查看Angular Workspace 配置。

推荐阅读