-
首先需要安装依赖环境
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
最新推荐文章于 2024-08-05 10:17:55 发布