本文主要介绍在create-react-app创建的项目中使用修饰器。
在create-react-app创建的项目中基本上配置文件都是生成好了的。但是默认配置并不支持修饰器。所以我们在使用@修饰器的时候会报错编译不通过。此时我们需要增加一个依赖来支持修饰器语法。
安装如下依赖包
npm install babel-plugin-transform-decorators-legacy --save-dev
然后在项目的package.json文件中加入配置即可。用npm run eject 命令显示项目默认配置。在package.json文件找到babel的配置相关信息。p’lugins增加一项配置
"plugins": [
"transform-decorators-legacy", //这个就是新增的用来支持修饰器语法
[
"import",
{
"libraryName": "antd",
"style": "css"
}
]
]
至此create-react-app的项目就可以使用修饰器了!