React的高阶组件装饰器准备工作
作者:互联网
安装插件用npm install或是yarn add都行,这里我用yarn add
-
引入 react-app-rewired
yarn add react-app-rewired -
安装customize-cra
yarn add customize-cra -
更改package.json⽂件
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
}
- 在根目录下新建config-overrides.js文件
- 执⾏安装 babel-plugin-import插件
yarn add babel-plugin-import - 安装⽀持装饰器语法的babel编译插件
npm install --save-dev @babel/plugin-proposal-decorators
编写config-overrides.js文件
const { override, addBabelPlugins } = require('customize-cra')
module.exports = override(
//配置支持高阶组件装饰器写法
addBabelPlugins(
// 支持装饰器
[
'@babel/plugin-proposal-decorators',
{
legacy: true
}
]
)
)
![](https://g.csdnimg.cn/static/user-reg-year/1x/1.png)
标签:react,babel,app,yarn,React,add,组件,高阶,rewired 来源: https://blog.csdn.net/uncle_Huang/article/details/104611801