在create-react-app 中启用装饰器语法

Posted hello word

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在create-react-app 中启用装饰器语法相关的知识,希望对你有一定的参考价值。

方法一: 暴露create-react-app 配置文件

  • 运行命令:
nom run eject
  • 如果报错,说明需要用git 保存当前文件更改后才能使用上面的命令。
    运行如下git命令:
git init 
git add ./
git commit -m 'init'
  • 在 babel 中添加 plugins 配置
    在 package.json 文件中找到 babel 的配置,添加如下代码即可:
"babel": {
    "presets": [
      "react-app"
    ],
+    "plugins": [
+        [
+            "@babel/plugin-proposal-decorators",
+            { "legacy": true }
+        ]
+    ]
}

以上是关于在create-react-app 中启用装饰器语法的主要内容,如果未能解决你的问题,请参考以下文章

详解create-react-app 2.0版本如何启用装饰器语法

如何让 MobX 装饰器与 Create-React-App v2 一起工作?

create-react-app 构建的项目使用 mobx

是否可以将装饰器与 create-react-app 一起使用?

ReduxForm 装饰器,弹出 create-react-app 后出现 no-class-assign 错误

如何启用和查看 create-react-app 代理日志?