Javascript 通过预处理更改元素ID和类

我非常相信使用人类可读的名称来表示事物，但我同样意识到，

。对于生产代码来说，易于阅读且信息丰富的元素名称

有点过头了

那么，有没有一种方法可以为开发维护长且信息丰富的名称，并将其转换为生产代码中尽可能短的名称，如

.a

？在所有可能引用它的地方，标记、css、js

---

我愿意使用咕噜声、咕噜声、网页包，或者其他任何可能起作用的东西。

你可以从网页包中使用css加载器来混淆类：使用

模块

选项。

我不明白这是如何实现我所描述的。你能举一个例子来说明你的想法吗？这个webpack模块将你的类名转换成一个随机生成的名称（根据你传递的选项）。例如，请参见：如何将随机CSS名称与同一元素的标记和javascript引用对齐？这将对齐HTML标记中存在的CSS类。对于JavaScript，这取决于您使用的是库还是纯JavaScript。例如，使用React，可以避免将处理程序直接添加到组件中。使用vanilla或jQuery，而不是使用CSS类添加处理程序，您可以拥有一个

数据

属性，并使用该属性进行查询：

$（“[数据名称]”）