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

Question

是否可以使用此插件将Create App 2连接起来：https：//www.npmjs.com/package/babel-plugin-plugin-jsx-remove-data-test-ind-in-弹出？我创建了.bablerc文件，但它不起作用。我想将自定义属性用于BDD测试，然后在生产中删除此属性。

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

Answer 1

您可以使用react-app-rewired https://www.npmjs.com/package/react-app-app-rewired并通过config-override.js file：

覆盖configs

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