如何在带有react、webpack和babel的TypeScript中使用es6?

如何在带有react、webpack和babel的TypeScript中使用es6?,typescript,npm,webpack,ecmascript-6,babeljs,Typescript,Npm,Webpack,Ecmascript 6,Babeljs,我在前端开发方面是新手,但在我看来,一个简单的解决方案可以让我迅速开始解决主题领域的问题。问题是ES5。它不包含常用的、对我来说很重要的工具,例如键值映射 据我在博客中的搜索所知,为了解决这个问题,我需要使用Babel将编译好的ES6 javascript翻译成ES5 javascript 不幸的是,我不熟悉babel、webpack和npm,也找不到这样一个项目的工作指南。有什么建议吗?这是我的webpack json文件,以了解如何在dist文件夹中将带有webpack的babel tran

我在前端开发方面是新手,但在我看来,一个简单的解决方案可以让我迅速开始解决主题领域的问题。问题是ES5。它不包含常用的、对我来说很重要的工具,例如键值映射

据我在博客中的搜索所知,为了解决这个问题,我需要使用Babel将编译好的ES6 javascript翻译成ES5 javascript


不幸的是,我不熟悉babel、webpack和npm,也找不到这样一个项目的工作指南。有什么建议吗?

这是我的webpack json文件,以了解如何在dist文件夹中将带有webpack的babel transpiling配置为纯JavaScript: 在装载机部分,我们看到了巴贝尔

和npm json文件,以在开始时运行要传输的Web包:

下载后,您只需:

  • 将目录更改为项目根目录
  • npm安装
  • npm开始构建

  • 它将运行webpack,然后运行服务器

    为什么要使用babel而不是tsc将typescript传输到es5?github上有很多初学者项目。因此,这不是提出此类问题的地方。以rangle的这个为例,好的。不管怎么说,这个链接就是我要找的。一个警告。我在寻找具有最小依赖性的分步说明,以及它如何与其他工具交互的解释。但是,上面的链接只是应用程序模板。此外,那里还有很多我目前不需要的工作人员