Question

例如，我希望在我的所有DOM元素上添加某个数据属性

 <input
            hidden={this.props.hidden}
            // auto attribute
            data-testid={'uniqueAttribute45454'}
          />

我想要这个data-testid，然后是我所有DOM元素的唯一字符串（输入，下拉列表，复选框）。我想通过webpack做到这一点，以便可以隔离我的webpack开发人员和webpack产品（我只想在开发人员上使用）。有任何可用的webpack插件吗？我已经研究了很长时间，但没有发现任何东西。

Answer 1

我找到了可以使用的Babel插件：

自述说：

一个插件，可以为所有JSX打开标记自动生成和添加属性（例如，数据属性），尤其是样式化的组件（Emotion，样式化的组件等）

正是我想要的！