#react脚手架 - Mobx配置 (装饰器)

1. 创建项目

  create-react-app app

2. 进入项目

  cd app

3. 进行配置文件抽离

  yarn eject

4. 安装mobx  mobx-react

  yarn add mobx mobx-react

  注意: 如果git冲突

  解决: 我们要原操作先放到本地暂存盘

  git add .

  git commit -m '安装mobx  mobx-react'

  注意不要git push

5. 配置装饰器(修饰器 es6 ) babel

  yarn add babel-plugin-transform-decorators-legacy -D

  yarn add @babel/preset-env -D

  yarn add babel-plugin-transform-class-properties -D

  yarn add @babel/plugin-proposal-decorators -D

6. 配置package.json

  "babel": {

    "plugins": [

      [

        "@babel/plugin-proposal-decorators",

        {

          "legacy": true

        }

      ],

      "transform-class-properties"

    ],

    "presets": [

      "react-app",

      "@babel/preset-env"

    ]

    },

  注意: 以下两个配置顺序不可更改

    [

        "@babel/plugin-proposal-decorators",

        {

          "legacy": true

        }

      ],

      "transform-class-properties"

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容