Javascript 丑陋的css类名，如instagram或facebook

我怎样才能在instagram或facebook上丑化我的css文件

e、 g

\u8F735

，\u

oofbn

，

\u6ltyr

是一些react插件什么的？我只在instagram和facebook上看到过这一点。

看看

示例来自：

在React的上下文中，CSS模块如下所示：

import React from 'react';
import styles from './table.css';

export default class Table extends React.Component {
    render () {
        return <div className={styles.table}>
            <div className={styles.row}>
                <div className={styles.cell}>A0</div>
                <div className={styles.cell}>B0</div>
            </div>
        </div>;
    }
}

从“React”导入React；
从“/table.css”导入样式；
导出默认类表扩展React.Component{
渲染（）{
返回
A0
B0
;
}
}

呈现组件将生成类似以下内容的标记：

<div class="table__table___32osj">
    <div class="table__row___2w27N">
        <div class="table__cell___2w27N">A0</div>
        <div class="table__cell___1oVw5">B0</div>
    </div>
</div>

A0
B0

以及与这些CSS类匹配的相应CSS文件

---

重要提示：类名可以有不同的格式。

您想要的可能是通过使用类名映射来完成的

目前，已经实现了不同的类重命名选项：

• ，一个Node.js web服务器，它正在使用您希望用于生产的行为
• ，一个react样板文件，用于构建使用类重命名的单页应用程序

如果您正在搜索一个库，以便自己执行此操作，请参见以下选项之一：

• 闭包样式表
• 邮政编码
• 网页包和css加载器

也许还有其他选择，但对我来说，这些是最好的

---

无论如何，请记住，在大多数情况下，这是一个不必要的步骤，只应针对网络流量非常高的页面执行，以减少发送到客户端的字节数。

您知道如何使用GuntJS吗？还是大口喝？此外，丑陋只是指浓缩和缩小你的文件，你应该做的生产。但我问这一个，我希望类名完全一样，在fb或Instathat的罚款GruntJS或GulpJS将仍然完成这一点，都不难使用或学习。但就像我之前说的，他们所做的只是缩小文件，这就是丑陋的意思。GruntJS有一个cssmin，可以满足您的要求。你想要一个代码示例吗？另外，如果你正在寻找他们正在使用的命名约定，比如_oofbn，那么你将找不到任何适合你的东西。你可以创建一个简单的任务，通过Grunt或Gulp在部署中运行，这将通过并更改你的css，但实际上没有必要。我希望压缩和丑化我的css文件，并在js文件和html之间同步，例如在js中，我添加了名为“active”的css类，然后我希望将其压缩到我的js文件、css和html中