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

【问题标题】：How do I add a Babel plugin to a create-react-app project?如何将 Babel 插件添加到 create-react-app 项目？
【发布时间】：2017-06-27 23:17:55
【问题描述】：

我正在关注 LearnCode.academy 视频教程，在视频 #7 中，导师/演示者有时会添加以下代码

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

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

【问题讨论】：

标签： reactjs redux create-react-app

【解决方案1】：

虽然您可以为装饰器弹出，但它完全没有必要，并且带有弹出的所有缺点（您不会自动获得工具的未来更新）。

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

例如：

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

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

如果您无法弄清楚如何在没有装饰器的情况下编写一些示例，请创建一个新问题并在 cmets 中链接到它，我会尝试回答。

【讨论】：

【解决方案2】：

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

npm run eject

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

【讨论】：