Salesforce B2B Commerce (LWR) -“global.css”样式

Question

我对 B2B LWR 很陌生，但总体来说我对 Web 开发并不陌生。

我试图了解像 global.css （通用 css 样式）以及 LWC 级别的特定 css 样式的最佳方式是什么。

因此，对于 B2B Commerce (LWR)，我正在研究可以做什么，但我未能找到关于如何处理此问题的正确信息。

我尝试在有其他链接标签的 head 标签中包含对名为 globalStyles (globalStyles.css) 的静态资源的引用

<!-- General -->
<link rel="shortcut icon" href="{basePath}/assets/favicon.ico?{versionKey}">
<link rel="stylesheet" href="{basePath}/assets/css/font-awesome.css?{versionKey}">
<link rel="stylesheet" href="{basePath}/assets/css/theme.css?{versionKey}">


<!-- webruntime-branding-shared stylesheets -->
<link rel="stylesheet" href="{ basePath }/assets/styles/salesforce-lightning-design-system.min.css?{ versionKey }" />
<link rel="stylesheet" href="{ basePath }/assets/styles/dxp-site-spacing-styling-hooks.min.css?{ versionKey }" />
<link rel="stylesheet" href="{ basePath }/assets/styles/dxp-styling-hooks.min.css?{ versionKey }" />
<link rel="stylesheet" href="{ basePath }/assets/styles/dxp-slds-extensions.min.css?{ versionKey }" />

<link rel="stylesheet" href="{ basePath }/assets/themes/alpine.css?{ versionKey }" />

<!-- HERE IS THE GLOBAL STYLES -->
<link rel="stylesheet" href="(!URLFOR($Resource.globalStyles, 'globalStyles.css'))" />

但是好像 URLFOR 不起作用，$Resource 不起作用...... 不完全知道如何引用那个静态资源文件（css）

Answer 1

你可以试试这个

<link rel="stylesheet" type="text/css" href="/{sitebase}/resource/{resourceid}/{resourcename}?{version}">

注意：此答案取自此，以了解更多详细信息。

https://salesforce.stackexchange.com/questions/363693/static-resource-stylesheet-in-head-markup-of-experience-builder-site

文档参考

LWR 站点的头部标记文档