在現有的 React 項目中實現 babel/typescript

Question

我有一些問題可以在現有的 react 項目中實現 babel，或者最好重新啟動項目並在開始時添加 babel 以避免任何實現問題。

webpack 對於反應項目是 babel 是強制性的，或者您可以在沒有 webpack 的情況下實現 babel。

typescript 的相同問題可以在現有項目中實施還是更好地重新啟動？

最后一個問題，如果我回到節點並且前面對我做出反應，我必須在兩者中都實現 babel？

謝謝你的所有回答。

Answer 1

不到一個月前，我剛開始使用 React，所以我不得不做一些研究來回答你的問題。 我發現您不必重新啟動整個項目，您可以使用 npm 安裝 Babel 和 Typescript。 沒有必要將 Webpack 與 Babel 一起使用。

npm i @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev
npm install --save-dev typescript awesome-typescript-loader

關於實現 TS 我推薦閱讀這篇文章。

如果您使用 create-react-app 創建應用程序，它已經帶有 Babel 和 Webpack，在這種情況下，您必須使用以下命令來實現 Typescipt：

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

我不確定如何解釋你的最后一個問題，所以我將把它留給更有經驗的人。 我希望我能幫助你！