我注意到许多网站都使用css文件,其中将类名最小化以产生最小长度。虽然我知道可以通过删除空格和换行符来最小化css文件的工具,但我不清楚类名如何重命名。我想使用友好的名称进行开发,但已经为我的应用的发行版使用了优化的名称。
通常,当我创建一个CSS类名时,会将其命名为易于理解的名称。例如:
.errorMessage {
color: #ff0000;
}
在我的html中,我会得到这个:
<span class="errorMessage"></span>
但是经过优化后,我希望看到:
.em {
color: #ff0000;
}
<span class="em"></span>
但是,这需要不得不更改html中的类名,如果手动完成,这显然是不可接受的。我猜测可能存在执行此重命名的工具,或者是通过其他某种方式完成的?
答案 0 :(得分:0)
我之前从未尝试过类似的方法,但是我认为我遇到的一篇文章与您寻求的https://medium.freecodecamp.org/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b很接近