如何將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。