如何將Babel插件添加到create-react-app項目中？

Question

我下面LearnCode.academy視頻教程和視頻＃7在某些時候導師/主講添加以下代碼

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

我明白我需要通過添加babel-plugin-transform-decorators-legacy但create-react-app配置的WebPack沒有顯示任何的配置文件。這裏有什麼解決方案？

Answer 1

雖然你可能彈出裝飾器是完全沒有必要的，並帶有彈出的所有缺點（你不會自動獲得工具的未來更新）。相反，我建議使用不依賴於實驗功能（裝飾者目前是）的學習資源，或者學習如何在沒有它們的情況下編寫等效代碼。

例如：

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

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

如果你不能弄清楚如何寫一些例如沒有裝飾，在註釋中創建一個新的問題，並鏈接到它，我會盡力回答。

Answer 2

在這種情況下，您需要運行eject script以獲取所有配置，並將其從默認設置中更改（這是不可逆的，嘗試前備份！）。要做到這一點，運行：

npm run eject 

這應該將所有配置文件添加到您的項目，如巴別爾你可以添加插件。