Html 最后包含静态CSS文件（用于品牌）
我们有一个嵌入式web应用程序，它需要能够在应用程序构建和部署后由集成商重新标记。该要求规定，集成商可以上传Html 最后包含静态CSS文件（用于品牌）,html,css,angular,angular-cli,Html,Css,Angular,Angular Cli,我们有一个嵌入式web应用程序，它需要能够在应用程序构建和部署后由集成商重新标记。该要求规定，集成商可以上传branding.css，该文件将使用品牌颜色等覆盖现有样式 问题在于，似乎不可能通过角度和角度CLI来满足这一需求。在我编写一个可以完成任务的黑客后处理python脚本之前，我想在这里仔细检查一下 基本上，我只想在执行ng构建之后，我希望我的index.html如下所示： <head> <meta charset="utf-8"> <meta
branding.cssng构建index.html<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<title [translate]="'index.title'"></title>
<base href="/">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="styles.f14ea32bf407dc2d4831.bundle.css" rel="stylesheet" />
<link href="branding.css" rel="stylesheet" />
</head>
branding.css<head>
<!--Base, title, meta tags-->
</head>
<body>
<my-app></my-app>
<!--Branding style overrides-->
<link href="branding.css" rel="stylesheet" />
</body>
<head>
<!--Base, title, meta tags-->
<link href="styles.f14ea32bf407dc2d4831.bundle.css" rel="stylesheet" />
</head>
<body>
<my-app></my-app>
<!--Branding style overrides-->
<link href="branding.css" rel="stylesheet" />
<script type="text/javascript" src="main.js">
</body>
您还可以尝试动态加载css
this.http.get('assets/test.css', { responseType: 'text' })
.subscribe((css) => {
let head = document.getElementsByTagName('head')[0];
let link = document.createElement('style');
link.type = 'text/css';
link.appendChild(document.createTextNode(css));
head.appendChild(link);
});
...
"extractCss": true,
"assets": [
"src/assets" /* "src/favicon.ico", other assets */
],
...
鉴于css在这里只不过是纯文本，您还可以让用户上传css，对其进行消毒并通过端点提供服务。（对不起，我在stackoverflow中找不到，我知道存在响应）OP不想导入css文件。他们只是希望链接在那里，这样他们的客户就可以添加CSS文件@EliseoI guess，说服品牌团队使用CSS变量是不行的？：）您可以在