Reactjs 如何将Babel插件添加到CreateReact应用程序项目?

Reactjs 如何将Babel插件添加到CreateReact应用程序项目?,reactjs,redux,create-react-app,Reactjs,Redux,Create React App,我正在关注LearnCode.academy视频教程和视频#7,在某个时候,导师/演示者添加了以下代码 @connect((store) => { return {user: store.user.user, tweets: store.tweers.tweers} }) 我知道我需要通过添加babel plugin transform decorators legacy来配置Webpack,但是create react app没有显示任何配置文件。这里的解决方案是什么?在这种情

我正在关注LearnCode.academy视频教程和视频#7,在某个时候,导师/演示者添加了以下代码

@connect((store) => {
    return {user: store.user.user, tweets: store.tweers.tweers}
})

我知道我需要通过添加
babel plugin transform decorators legacy
来配置Webpack,但是
create react app
没有显示任何配置文件。这里的解决方案是什么?

在这种情况下,您需要运行以获取所有配置,并更改其默认值(这是不可逆的,在尝试之前备份!)。要执行此操作,请运行:

npm run eject
这会将所有配置文件添加到您的项目中,例如Babel,您可以在其中添加插件。

虽然您可以为decorators弹出,但它完全没有必要,而且会带来弹出的所有缺点(您不会自动获得工具的未来更新)

相反,我建议要么使用不依赖于实验特性的学习资源(装饰程序目前都是这样),要么学习如何在没有这些特性的情况下编写等效代码

例如:

class MyComponent extends React.Component {
  // ...
}

export default connect((store) => {
    return {user: store.user.user, tweets: store.tweers.tweers}
})(MyComponent);
如果您不知道如何在没有装饰器的情况下编写一些示例,请创建一个新问题并在注释中链接到它,我将尝试回答