creat-react-app Ver2.0+配置装饰器语法

1、eject 项目释放自定义配置文件

执行 yarn eject | npm run eject

2、安装 babel 相关依赖

执行 yarn add @babel/plugin-proposal-decorators

3、配置 package.json

3.1 配置 babel 插件 --> 使项目支持@装饰器

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]
  }

3.2 配置 eslintConfig ---> 使 export 支持放在@装饰器之后

"eslintConfig": {
    "extends": "react-app",
    "parserOptions": {
      "ecmaFeatures": {
        "legacyDecorators": true
      }
    }
  }

//配置 eslintConfig 前用法

@decorators
class Com extends Components {
  // your code
}
export default Com;

或

export default
@decorators
class Com extends Components {
    // your code
}

//修改后

@decorators
export default class Com extends Components {
    // your code
}