babel es6转es5

首先需要安装依赖环境
npm i --save-dev babel-cli babel-preset
安装es5转换
npm i --save-dev babel-preset-es2015
安装polyfill
npm i --save-dev babel-polyfill
安装运行时转换
npm i --save-dev babel-plugin-transform-runtime babel-runtime
编写.babelrc文件
```
{"presets": ["es2015"],"plugins": []
}
```
如果需要兼容IE下的promise，需要引入如下脚本
第一个shim是为了可以让一些低级的浏览器支持最新的ecmascript5的一些特性
第二个polyfill是一个在线给浏览器打补丁的脚本。
有关shim的具体知识可以看该网站。
```
 <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js" ></script><script src="https://cdn.polyfill.io/v2/polyfill.min.js" ></script>
```
如果还有报错比如IE下的Array.from方法报错，添加如下兼容性脚本
```
{"presets": ["es2015"],"plugins": []
}
```
目前只是自己在项目中使用的解决方法，可能还存在一些问题，后期会继续完善，本文会持续更新中

babel es6转es5相关推荐

babel ES6 转换 ES5 实现原理
babel ES6 转换 ES5 实现原理前言 babel 各种包介绍转换过程案例前言前面写过一篇简单的 AST 抽象语法树的文章简述 AST 抽象语法树.今天来看一下在 babel 中是 ...
ES6转ES5：Gulp+Babel
目标: ES6代码转成ES5 对转换后的ES5进行压缩以上步骤自动监控执行步骤: 1.安装插件在命令行中定位到项目根目录安装全局 Gulp npm install -g gulp 安装项目中使 ...
es5直接引入html文件,ES6+转ES5（webpack+babel、指定多个js文件、自动注入）
接续上篇ES6+转ES5,本篇将使用webpack和babel将多个不同目录下指定的多个ES6+语法的js文件编译为ES5,并将编译后的文件配置注入对应的html文件. 一.新建项目,目录如下二.执 ...
babel—ES6代码转换为ES5代码
为什么要将ES6代码转换为ES5代码? 为了浏览器兼容,以及为了在node.js环境可以顺畅运行应用程序.ES6作为JS的新规范,加入了很多新的语法和API,但现代浏览器对ES6新特性支持度不高,所以 ...
本地实现ES6转ES5代码——gulpfile配置文件
公司里很多同事在用ES6实现业务逻辑了,我也想试试.在公司的项目里,我写的ES6只要打开命令窗输入gulp watch 就自动将ES6转成ES5并放在相应的文件夹里了.我回家也想练习,但又不知道该怎么 ...
es6 ik分词热更新MySQL_rollup环境搭建（es6转es5、压缩、本地服务器、热更新）
文件目录 package.json { "name": "my-vue", "version": "1.0.0", &q ...
webpack打包ES6降级ES5
Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码,所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性. 安装babel实现ES6到ES5 npm instal ...
Webpack——ES6转ES5
万恶的IE遗臭万年仍然需要填坑 ie标准对html/css甚至js的规范简直相差甚远,所以,一般要解决的兼容问题很大一部分是为了解决ie的不兼容,虽然目前流行的ES6语法及规范将IE的考虑抛弃掉,默认 ...
es6转es5 的6种方式
es6转码es5 一.Babel 在线转码二.谷歌的Traceur 在线转码三.es6console 在线转码并运行四.Traceur 在页面中引入使用 //加载 Traceur 文件 < ...

babel es6转es5

babel es6转es5相关推荐

最新文章

热门文章