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

Question

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

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

我查看了应用程序设置，但不知道如何在 .css 文件中强制执行设置。也许答案是一个虚拟目录，将styles.css的路径“覆盖”到dev slot中的styles-dev.css？ 虚拟目录在交换时是否保留在插槽中？

还有其他方法吗？

Answer 1

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

1. 如果您使用的是插槽 URL，请使用 JavaScript 检查 URL 和颜色代码
2. 使用服务器端脚本来检查变量是否存在并基于它的颜色代码（不同的插槽可以有不同的设置、环境变量等）