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

时间:2019-05-03 07:05:01

标签: css

我注意到许多网站都使用css文件,其中将类名最小化以产生最小长度。虽然我知道可以通过删除空格和换行符来最小化css文件的工具,但我不清楚类名如何重命名。我想使用友好的名称进行开发,但已经为我的应用的发行版使用了优化的名称。

通常,当我创建一个CSS类名时,会将其命名为易于理解的名称。例如:

.errorMessage {
  color: #ff0000;
}

在我的html中,我会得到这个:

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

但是经过优化后,我希望看到:

.em {
  color: #ff0000;
}

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

但是,这需要不得不更改html中的类名,如果手动完成,这显然是不可接受的。我猜测可能存在执行此重命名的工具,或者是通过其他某种方式完成的?

1 个答案:

答案 0 :(得分:0)

我之前从未尝试过类似的方法,但是我认为我遇到的一篇文章与您寻求的https://medium.freecodecamp.org/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b很接近