javascript - Django 模块缩短生产中的 css 类

Question

我有一个 CSS 类:

.footer-react-btn{
  color:#ddd;
}

但是如果我将 .footer-react-btn 更改为 .a 或 .b，那么我可能会保存一些字节的文本正在加载。

我希望它发生在我的作品中。在我的开发过程中，我将以易于理解的方式编写代码。

那么，有什么办法可以做到吗？

我是新来的。我需要一步一步的解释。

Answer 1

通常，只需维护两个文件 -- a-stylesheet.css 和 a-stylesheet.min.css。而且它通常仅限于删除空格，而不是更改名称。想象一下，如果您使用两个不同的样式表并将相同的名称更改机制应用于两者……您可能会突然发生本来不会存在的冲突。很明显，这不是一个好主意。

无论如何，最接近您要查找的内容是 django-compressor它结合并缩小了你的静态 JS/CSS，但它有许多你可能想要或可能不想要的行为。

坦率地说，我认为担心那几个字节是浪费时间。简单地缩小 CSS 是减小 CSS 组件大小的一种更简单、更安全的方法。在您真的遇到缩放问题之前，我什至不会考虑更复杂的解决方案。