react使用装饰器

create-react-app默认不支持装饰器的,须要作如下配置。react

打开 package.json ,能够看到eject。运行 npm run eject 可让由create-react-app建立的项目的配置项暴露出来(运行以前要保证本地没有待提交git的代码)git

"scripts": {npm

"eject": "react-scripts eject"

},
完成以后本地会多一个config的文件夹json

clipboard.png

安装babel插件babel

babel >= 7.xapp

npm install --save-dev @babel/plugin-proposal-decorators

babel@6.xspa

npm install --save-dev babel-plugin-transform-decorators-legacy

修改package.json文件的babel配置项
Babel >= 7.x插件

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

Babel@6.xcode

"babel": {
    "plugins": [
      "transform-decorators-legacy"
    ],
    "presets": [
      "react-app"
    ]
}

东西配置完就能够在项目中使用装饰器了orm

相关文章
相关标签/搜索