关于create-react-app:createreactapp脚手架搭建后如何使项目支持修饰器语法

create-react-app搭建react我的项目后，是不反对润饰器语法的。react-scripts库曾经提供了打包cli命令以及惯例的构建配置，如果须要应用一些应用时个性，比方润饰器等，须要另外注入

正好，官网提供react-app-rewired库，可能帮忙咱们注入自定义构建配置

首先，装置react-app-rewired

yarn add react-app-rewired -S

将react-scripts全副替换成react-app-rewired：

"scripts": {    "start": "react-app-rewired start",    "build": "react-app-rewired build",    "test": "react-app-rewired test",    "eject": "react-app-rewired eject" },

而后在工程的根目录下新建config-overrides.js配置文本，加上润饰器配置脚本代码：

const { injectBabelPlugin } = require('react-app-rewired');module.exports = function override(config, env) {    config = injectBabelPlugin([        "@babel/plugin-proposal-decorators", { "legacy": true }    ], config)    return config;}

执行npm run start后提醒咱们应用customize-cra自定义配置

进去customize-cra官网理解一下如何应用

照着下面配置就能够让我的项目反对润饰器语法了

const {     override,    addDecoratorsLegacy, } = require('customize-cra');module.exports = override(    addDecoratorsLegacy())