关于es6及以上的js编译成es5

问题：es6及以上版本在IE浏览器上不能执行起来，但Chrome浏览器上轻松运行，解决兼容IE的问题就需要使用babel；这个可以去babel的官网去查看;

关于babel的简单使用，有两种方式：

1、运行时编译，但这种编译会加大页面渲染的时间；

　　使用方法：下载babel.min.js引入在需要编译的文件脚本前面；同时相应的<script>标签需要添加type=text/babel；接下来直接运行脚本页面即可；

2、编译完成之后再运行，强烈建议这种方式，不影响浏览器渲染时间；

　　使用方法：需要node的支持；使用命令行工具下载babel相关包。首先在你的需要的项目文件夹执行npm init -y 初始化一下工程；然后执行npm i @babel/col @babel/cli @babel/preset-env -D 下载完相关包之后，打开package.json包文件，在里面的script:{"build":"babel src -d dist"}；虽然这些都配置好了，但是还没有说明需要编译成什么样，所以还需要添加.babelrc文件，内容是：{“presets”：[“@babel/preset-env”]}；完了之后就可以使用了：在命令行工具里：npm run build 执行编译就可以将src目录下的js文件编译到dist目录下；只能编译js文件，所以需要将js文件单独引入到html文件中；

巴特西

关于es6及以上的js编译成es5

最新文章

热门文章