首页 > 作文

ES6转ES5

更新时间:2023-04-03 09:52:13 阅读: 评论:0

  本人近期接到一个天大的“好消息”:zxbc项目某些客户为保险业等种种原因要支持ie……
  201纸醉金迷是什么意思3年,es6草案冻结,2015年6月,es6正式通过,成为国际标准。都9102啦,chrome还好啦,升级到最新版本,大部分es6还是ok的,但是万恶之源ie呢?作为一个前端开发者,兼容万恶的ie,顿时,胸中万马奔腾,此处省略十万字……
  无奈之举,撸起袖子迪丽热巴退出跑男开干呗。js先用babel搞个es6转es5呗。

 一、node安装

 1、计算机-右键-属性-系统类型(我的64位操作系统)

 2、下载node
 下载地址:

  找到自己系统对应的32或64位的msi文件下载后安装即可。
  安装完成后win+r后输入cmd终端执行命令:
  node -v

  看到版本号即为安装成功。

  二、npm安装

 建议使用淘宝镜像,个人感觉快点,执行命令
 npm install -g cnpm –registry=https://registry.npm.taobao.org
 安装完成后,执行
 npm -v
 看到版本号即为安装成功

 三、初始化项目

 1、建立工程目录
 src:es6语法编写的js文件目录地址;
 dist:使用babel转换成es5的文件目录地址,在项目引计算机发展前景用这个文件夹里边的js文件

 2、终端进入项目目录后执行命令
 cnpm init -y
 -y是指表示全部默认,不用一直敲回车

  看到有自动生成的package.json就ok了

  四、babel安装

 全局安装babel-cli
 终端执行命令:
 cnpm install -g babel-cli

 五、安装babeqq空间进不去了l转换包

 终端执行命令:
 cnpm install –save-dev babel-pret-es2015 babel-cli

 六、在项目根目录新建(.babelrc)文件输入一下代码:

 { “prets”: [ “es2015” ], &#入党个人履历8220;plugins”: [] }
 若用右键新建文件后修改重命名提示:必须键入文件名,此时可用编辑器新建此文件即可

 七、输入终端转换命令即可将es6编写的index.js文件转换为es5

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

八、简化终端命令,修改package.json文件中的scripts

 之后,修改js文件后终端执行命令即可
 cnpm run build
 这只是js单文件的转换,多文件的转换下次在补上……
 共勉,望鞭策!

本文发布于:2023-04-03 09:52:12,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/55e8e55cb613453ac66aa6e2c45c673e.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:ES6转ES5.doc

本文 PDF 下载地址:ES6转ES5.pdf

标签:终端   文件   命令   项目
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图