现有的React项目中的实现Babel /打字稿

Posted 2023-01-24

我有一些疑问，有可能在现有的React项目中实现babel，或者最好重新启动该项目并在开始时添加babel，以避免任何实现问题。

是babel的webpack是React项目的必需项，还是您可以在没有webpack的情况下实现babel。

与打字稿相同的问题可能在现有项目中实施，还是最好重新启动？

还有最后一个问题，如果我要返回节点，而要对前端作出反应，我必须在两者中都实现babel吗？

谢谢您的回答。

答案

我不到一个月前才开始与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，我建议阅读this文章。

如果您使用create-react-app创建了应用程序，那么它已经随Babel和Webpack一起提供了，在这种情况下，您必须使用以下命令来实现Typescipt：

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

我不太确定如何解释您的最后一个问题，所以我将把它留给经验丰富的同伴。希望我能为您服务！