es5 es6 互相转换

来源:互联网 发布:做不喜欢的事 知乎 编辑:程序博客网 时间:2024/06/06 01:32

- 工具:Visual Studio Code

- 具体过程

1.新建项目,dist存放ES6格式的,src存放ES5格式的,如下

这里写图片描述

index.html内容,此处引用dist中的js

index.html

index.js

2.打开终端(ctrl + · )

  • npm需要安装,安装node即可。node.js安装以及配置环境变量

npm1

自动生成一个文件 package.json

这里写图片描述

npm2

此时安装npm完成

  • 安装cnpm (npm是国外的资源,比较慢)

cnpm

此时package.json中添加了一部分内容

这里写图片描述

安装完成

  • 新建一个.babelrc文件

    .babelrc

  • ES6 转换为ES5

babel src/index.js -o dist/index.js

这里写图片描述

打开dist/index.js

这里写图片描述

转换成功

但是每次都输那么长的命令那么麻烦,可不可以用简单点的呢? OK
把pakeage.json 中的test删掉换成bulid

这里写图片描述

 "bulid": "babel src/index.js -o dist/index.js"

这里写图片描述

  • 运行
npm run bulid

这里写图片描述

根据技术胖的ES6课程整理

原创粉丝点击