如何在 LWC 系统中包含全局样式

Question

我正在使用 Salesforce Lightning 和 Lightning Web 组件 (LWC) 框架开发客户服务系统。包含全局样式表以在网站上创建/覆盖样式的最佳方式（如果有）是什么？可以在基本主题之外进行控制的东西，基本上可以让您更改几种颜色和徽标。

我得到的最接近的是：

1. 通过Setup > Static Resources 部分上传我的自定义样式表
2. 创建一个新的特殊闪电网络组件，该组件在视觉上是隐藏的（例如通过 display:none），并且仅用于通过它的 javascript 文件加载我的自定义样式表静态资源 - 执行 connectedCallback() { Promise.all([loadStyle(this,lwcStyleResource)... 之类的事情。

这似乎运作良好，但有一个警告 -- 我必须在我希望应用样式的任何页面上包含这个组件。我希望它是全局的，因此适用于每个页面.那么有没有办法以某种方式在每个页面上包含这个特殊组件？我几乎是 Lightning 系统的菜鸟，所以我不知道所有内容的结构，是否有我可以修改的主页模板，或者什么。

Answer 1

最简单的答案是将您的 LWC 根组件包装在 Aura 组件中，并使用 ltng:require 仅导入一次样式，这将自动将 css 级联到所有封闭的 LWC。