在create-react-app创建的项目中使用decorator

本文主要介绍在create-react-app创建的项目中使用修饰器。
在create-react-app创建的项目中基本上配置文件都是生成好了的。但是默认配置并不支持修饰器。所以我们在使用@修饰器的时候会报错编译不通过。此时我们需要增加一个依赖来支持修饰器语法。
安装如下依赖包

npm install babel-plugin-transform-decorators-legacy --save-dev
npm install  @babel/plugin-proposal-decorators --save-dev

然后在项目的package.json文件中加入配置即可。用npm run eject 命令显示项目默认配置。在package.json文件找到babel的配置相关信息。p’lugins增加一项配置

"plugins": [
     [
    "@babel/plugin-proposal-decorators",
    {
      "legacy": true
    }
  ],
      [
        "import",
        {
          "libraryName": "antd",
          "style": "css"
        }
      ]
    ]

至此create-react-app的项目就可以使用修饰器了！