babelplugintransformruntime，babel转码命令

详解如何使用babel进行es6文件的编译

1、接下来我们不用第三方的插件，自己实现一个es6类转换插件。

2、进入设置：Languages&Freamewords 下的JavaScript选中Es6编译即可。

3、在Webstorm 里新建一个空项目，取名为es6demo..然后在根目录下面新建一个package.json，只需要写明两个属性即name和version。打开webstorm的终端(Terminal)，快捷键为Alt+F12，安装babel-cli。也可全局安装。

4、plugins是设置的babel的插件。然后配置文件：{ presets：[es2015]}到这里，关于babel的基本配置就完成了。

Babel转换es6怎么支持ie8

1、接下来我们不用第三方的插件，自己实现一个es6类转换插件。

2、IE10+可支持ES6，IE6/7/8/9则要使用第三方插件才能实现。

3、解决：如果要兼容IE浏览器的项目请使用 ES5 语法或者使用 Babel 进行转换。操作 tr 标签 问题：IE9 及 IE9 以下版本浏览器，不能操作 tr 标签的 innerHTML 属性。解决：可以操作 td 标签的 innerHTML 属性。

4、package.json文件中看到配置了core.js，没有在entry入口文件进行配置@babel/polyfill网页打开发现很多es6新的Api是不支持的。

在Webstorm中利用babel将ES6自动转码成ES5如何实现

1、在Webstorm 里新建一个空项目，取名为es6demo..然后在根目录下面新建一个package.json，只需要写明两个属性即name和version。打开webstorm的终端(Terminal)，快捷键为Alt+F12，安装babel-cli。也可全局安装。

2、zbabel是一个转码器，目前开发react、vue项目都要使用到它。它可以把es6+的语法转换为es5，也可以转换JSX等语法。我们在项目中都是通过配置插件和预设(多个插件的集合)来转换特定代码，例如env、stage-0等。

3、进入设置：Languages&Freamewords 下的JavaScript选中Es6编译即可。

4、在这些task中一定要添加一个叫做default的task，gulp命令的执行起点就是从这里开始。假设有这么一个场景：使用eslint检查代码，发现代码风格和潜在的错误。自动实现ES201x - ES5的代码转码，并把转码后的代码放在指定目录下。