删除或修改 CSS 类名"svelte-"前缀



我已经用Svelte编写了一个聊天机器人小部件,它应该能够集成到网站中。网站所有者获得编译后的JS和CSS文件。到目前为止还不错。

但每个网站所有者都必须有可能覆盖CSS文件中的样式。没问题,例如,他可以简单地覆盖标题的背景色:

.chat-widget.svelte-kcmu8l header.svelte-kcmu8l {
background-color: #fff;
}

但是:例如,假设我修复了一个错误并重新编译了小部件。让我们进一步假设,我的更改已导致哈希kcmu8l发生更改,并且网站所有者之前所做的调整不再有效。

我该如何防止出现这种情况?是否可以省略svelte-xxx类或定义自己的哈希值?

您必须维护不希望在外部样式表中散列的CSS类。它们不能出现在Svelte组件中。

为了防止Svelte散列和修改您的CSS名称,您可以从内联Svelte组件中删除相关的CSS样式,然后在实例化应用程序的页面上加载的任何外部CSS样式表中维护类。

不使用Svelte生成的类名是合理的,例如允许您的嵌入式应用程序覆盖其样式。

最新更新