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

时间:2016-07-09 10:37:33

标签: typescript npm webpack ecmascript-6 babeljs

我是前端开发的新手,但在我看来,一个简单的tutorial允许我很快开始解决主题领域的问题。问题是ES5。它不包含通常和重要的工具,例如键值映射。

据我在博客搜索中了解到,要解决此问题,我需要使用 Babel 将已编译的ES6-javascript翻译为ES5-javascript。

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

1 个答案:

答案 0 :(得分:2)

这是我的webpack json文件,看看如何使用webpack将babel转换为dist文件夹中的纯JavaScript:https://github.com/zuoqin/ZHReact/blob/master/webpack.config.prod.js 在装载机内部,我们看到了巴贝尔。

和npm json文件一起运行webpack以在开始时进行转换:https://github.com/zuoqin/ZHReact/blob/master/package.json

下载https://github.com/zuoqin/ZHReact之后您需要的只是:

  1. 将目录更改为项目根目录
  2. npm install
  3. npm start build
  4. 它将运行webpack然后运行服务器