Javascript 如何使用webpack缩小/模糊react属性值（如aria）？

使用css加载程序和css模块，我可以：

为此：

这是伟大的，节省了大量的空间

但是我到处都有aria属性，如果能将这些属性弄乱/缩小/混淆，以减少包的大小，那就太好了

我想把这个转变为：

Foo
{错误}

为此：

Foo
{错误}

其中idl=标签id、idi=输入id和ide=错误id。它们都必须相应地排列，它们不能都是随机的

我在网上搜索了一个插件来实现这一点，但找不到

---

有人知道有什么可以帮助我的吗？或者我应该为webpack编写一些自定义的东西吗？

对于多个模块之间协作使用的名称，很难进行修改。我所知道的唯一能够做类似事情的工具是@PatrickRoberts，这是有意义的，但我们肯定可以像css加载程序那样处理css模块？[hash:base64:5]这不能保证避免名称冲突不，不，你是对的。但通过端到端测试，您可以确认是否存在冲突。目前，我们对数百个类名执行此操作，但尚未遇到冲突（我知道这是一个轶事）。感觉如果您通过测试确保不会发生冲突，那么性能提升是值得的性能提升不会有性能提升，而且我相信如果服务的资源被压缩，节省的带宽不会像您认为的那么多，由于重复字符串的数量在损坏前后是可比较的。对于多个模块之间协作使用的名称，很难进行损坏。我所知道的唯一能够做类似事情的工具是@PatrickRoberts，这是有意义的，但我们肯定可以像css加载程序那样处理css模块？[hash:base64:5]这不能保证避免名称冲突不，不，你是对的。但通过端到端测试，您可以确认是否存在冲突。目前，我们对数百个类名执行此操作，但尚未遇到冲突（我知道这是一个轶事）。感觉如果您通过测试确保不会发生冲突，那么性能提升是值得的。如果服务的资源被gzip压缩，我相信节省的带宽不会像您所认为的那样多，因为重复字符串的数量在损坏之前和之后是可比的。