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

Question

是否有可能在不弹出的情况下将Create React应用程序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',
  ),
);