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()
)