如何为不同的插槽设置不同的样式?

How can I have different style for different slots?

在我的应用程序中有 styles.css。现在我正在为我们拥有开发、测试和生产插槽的团队设置插槽。

我怎样才能有一个不同的 styles.css 用于开发,另一个用于测试?我想要做的是简单地在顶部导航中使用另一种颜色进行开发和测试,表明这不是生产(你在错误的地方 - 不要着色)。

我查看了应用程序设置,但我不知道如何在 .css 文件中强制执行设置。也许答案是一个虚拟目录,"overwriting" 到 styles.css 的路径到开发槽中的样式-dev.css? 虚拟目录在交换时是否留在插槽中?

还有其他方法吗?

通常,您希望不同的插槽具有准备好通过交换插槽部署的代码。因此,您不想在其中放置不想部署的文件。如果您想对每个插槽进行颜色编码,您可以尝试以下操作之一:

  1. 使用 JavaScript 检查 URL 和颜色代码,如果您正在使用插槽 URL
  2. 使用服务器端脚本检查变量和颜色代码是否存在(不同的插槽可以有不同的设置、环境变量等)