创建 React App 2 - 删除用于测试的 html 属性

Posted 2023-02-21

【中文标题】创建 React App 2 - 删除用于测试的 html 属性

【英文标题】：Create React App 2 - remove html attribute for testing

【发布时间】：2019-07-19 03:10:04

【问题描述】：

是否可以使用此插件连接 Create React App 2：https://www.npmjs.com/package/babel-plugin-jsx-remove-data-test-id 而不会弹出？ 我创建了.bablerc 文件，但它不起作用。 我想使用自定义属性进行 bdd 测试并在生产中删除此属性。

另外，我不想创建 HOC 来应用属性 - 我有很多组件并且包装每个组件非常困难。

【参考方案1】：

您可以使用 react-app-rewired https://www.npmjs.com/package/react-app-rewired 并通过 config-override.js 文件覆盖配置：

const 
  override,
  addBabelPresets,
  addBabelPlugins,
 = require('customize-cra');

module.exports = override(
  ...addBabelPresets([
    '@babel/preset-env',
    
      modules: false,
      useBuiltIns: false,
      debug: false,
    ,
  ]),
  ...addBabelPlugins(
    'babel-plugin-styled-components',
    'babel-plugin-jsx-remove-data-test-id',
  ),
);