如何将Babel插件添加到create-react-app项目？

Question

我正在关注LearnCode.academy视频教程，并在视频＃7上的某个时候，导师/演示者添加了以下代码

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

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

Answer 1

尽管您可以弹出装饰器，但这完全没有必要，并且具有弹出的所有缺点（您不会在将来自动获得该工具的更新）。

相反，我建议您使用不依赖实验功能的学习资源（当前是装饰器），或者学习如何在没有实验功能的情况下编写等效代码。

例如：

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

export default connect((store) => {
    return {user: store.user.user, tweets: store.tweers.tweers}
})(MyComponent);

如果您不知道如何在不使用修饰符的情况下编写示例，请创建一个新问题并在注释中链接到该问题，然后尝试回答。

Answer 2

在这种情况下，您将需要运行弹出脚本来获取所有配置，并将其更改为默认值（ 这是不可逆的，请在尝试前进行备份！ ）。 为此，请运行：

npm run eject

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