【问题标题】:Implement babel/typescript in a existing react project在现有的 React 项目中实现 babel/typescript
【发布时间】:2020-08-25 21:18:39
【问题描述】:
我有一些问题可以在现有的 react 项目中实现 babel,或者最好重新启动项目并在开始时添加 babel 以避免任何实现问题。
对于 react 项目,babel 是否必须使用 webpack,或者您可以在没有 webpack 的情况下实现 babel。
对于 typescript 的相同问题,可以在现有项目中实现它还是更好地重新启动所有项目?
最后一个问题,如果我已经回到节点并且前面对我做出反应,我必须在两者中都实现 babel?
感谢您的所有回答。
【问题讨论】:
标签:
javascript
node.js
reactjs
typescript
babeljs
【解决方案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,我推荐阅读this 文章。
如果你使用 create-react-app 创建你的应用程序,它已经带有 Babel 和 Webpack,在这种情况下你必须使用以下命令来实现 Typescipt:
npm install --save typescript @types/node @types/react @types/react-dom @types/jest
我不确定如何解释您的最后一个问题,所以我将把它留给更有经验的人。希望能帮到你!