react项目的中使用mobx状态管理安装ES7装饰器(Decorator)语法教程

Posted 2020-08-17 消逝的风i

那么如何实现装饰器的使用呢？

1.在命令行工具中使用 npm run eject。不熟的情况下可能会报错，如果报错的信息大概意思是：有些文件未被追踪到，那么直接git add . 再 git commit -m ""，或者直接在.gitignore中忽略这些文件(不建议)
2.npm run eject之后package.json中会出现很多依赖建议yarn/npm i 一下。
3.然后打开package.json文件,找到“babel”开头的一个对象,(一般在最后,),这是原始的样子：

"babel": {
    "presets": [
      "react-app"
    ]
 }

在presets后面加入一项：

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]
}

加入之后就可以使用装饰器语法了。