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

Question

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

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

Answer 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',
  ),
);