安装插件用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
}
]
)
)