重命名生产版本的css样式名称

我注意到许多网站使用css文件，其中类名被最小化以产生最小的长度。虽然我知道一些工具可以通过删除空格和换行符来最小化css文件，但我不清楚类名是如何重命名的。我希望在开发中使用友好的名称，但在我的应用程序的发布版本中使用优化的名称

通常，当我创建css类名时，我会将其命名为易于理解的名称。例如：

.errorMessage {
  color: #ff0000;
}

在我的html中，我会有以下内容：

<span class="errorMessage"></span>

但优化后，我希望看到：

.em {
  color: #ff0000;
}

<span class="em"></span>

.em{
颜色：#ff0000；
}

---

但这需要更改html中的类名，如果手动更改，这显然是不可接受的。我猜可能存在进行重命名的工具，或者是通过其他方式完成的？

我从未见过缩小的类名。它仅适用于JS，您可以在其中正确重命名变量。在CSS缩小中，您不会更改类名，因为有时它是动态类。一个选择是使用CSS/HTML/等预处理器，将所有类名映射到它的缩小版本。你是说你会使用一个工具将扩展名映射到缩小名吗？谷歌的大多数网站都使用缩小的类名。不清楚他们是怎么做的。请在freeCodeCamp上阅读此内容。您将需要网页包、babel插件、css模块和css加载器或Google闭包样式表。你也可以阅读，因为你的几乎是它的副本，并查看它的答案。可能是我从未见过的缩小类名的副本。它仅适用于JS，您可以在其中正确重命名变量。在CSS缩小中，您不会更改类名，因为有时它是动态类。一个选择是使用CSS/HTML/等预处理器，将所有类名映射到它的缩小版本。你是说你会使用一个工具将扩展名映射到缩小名吗？谷歌的大多数网站都使用缩小的类名。不清楚他们是怎么做的。请在freeCodeCamp上阅读此内容。您将需要网页包、babel插件、css模块和css加载器或Google闭包样式表。你也可以阅读，因为你的几乎是它的一个副本，并检查它的答案。可能的副本