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
}
