ES6+转ES5

摘要:
我最近收到了一个大“好消息”:zxbc项目的一些客户出于各种原因想要支持IE,例如保险业……2013年,ES6草案被冻结,2015年6月,ES6正式通过,成为国际标准。是9102。Chrome还可以。升级至最新版本。大多数ES6都可以,但IE呢?作为前端开发人员,IE兼容所有邪恶。突然,这里省略了数千个单词…js首先使用babel制作ES6到ES5。安装完成后,win+r,输入cmd终端执行命令:node-v看到版本号,安装成功。

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

 一、node安装

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

file

 2、下载node
 下载地址:https://nodejs.org/en/download/
file
  找到自己系统对应的32或64位的msi文件下载后安装即可。
  安装完成后win+r后输入cmd终端执行命令:
  node -v
file
  看到版本号即为安装成功。

  二、npm安装

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

 三、初始化项目

 1、建立工程目录
 src:ES6语法编写的JS文件目录地址;
 dist:使用Babel转换成ES5的文件目录地址,在项目引用这个文件夹里边的JS文件
file
 2、终端进入项目目录后执行命令
 cnpm init -y
 -y是指表示全部默认,不用一直敲回车
file
  看到有自动生成的package.json就ok了

  四、Babel安装

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

 五、安装Babel转换包

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

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

 { "presets": [ "es2015" ], "plugins": [] }
 若用右键新建文件后修改重命名提示:必须键入文件名,此时可用编辑器新建此文件即可

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

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

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

file

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

免责声明:文章转载自《ES6+转ES5》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇OGG-Oracle同步Sequence基于 Blazui 的 Blazor 后台管理模板 Blazui.Admin 正式尝鲜下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HTTP、MQTT、Websocket、WebService区别

相同点: HTTP、MQTT、Websocket均为OSI 7层模型的【应用层协议】注意.WebService并非通信协议,而是一种远程接口调用(RPC)的框架技术。 不同点: MQTT MQTT协议是为大量计算能力有限,且工作在低带宽、不可靠的网络的远程传感器和控制设备通讯而设计的协议,它具有以下主要的几项特性: 1,使用发布/订阅消息模式,提供一对多的...

snmptrap、snmpinform和snmptrapd的详细介绍及其用法

在snmpwalk介绍及其用法一文中,介绍过net-snmp的snmpwalk的用法,殊不知,net-snmp还有trap的命令程序,可以用来测试snmp的trap方法(包括inform方法)。这些命令程序是:snmptrap、snmpinform和snmptrapd。其中: snmptrap:可以模拟snmp agent发送一个trap到snmp管理端...

python操作RabbitMQ

RabbitMQ介绍 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue)的开源实现的产品,RabbitMQ是一个消息代理,从“生产者”接收消息并传递消息至“消费者”,期间可根据规则路由、缓存、持久化消息。“生产者”也即message发送者以下简称P,相对应的“消费者”乃message接受者以下简称C,mess...

debian 安装 plymouth 美化开机动画

Plymouth 目录 Plymouth 参考 简介 简单步骤,无脑按照wiki走 下载,请注意wiki里kde桌面的提醒 修改grub配置,建议修改前保存一下旧有配置 应用修改 查看一下默认主题 设置主题 看看效果 不试验了,花里胡哨,没啥用…… 如何显示原始的内核消息 参考 debian wiki B站视频 简介 debian默认的开机...

2.1.1优化程序性能

性能优化有三个层次: 系统层次 算法层次 代码层次 系统层次关注系统的控制流程和数据流程,优化主要考虑如何减少消息传递的个数;如何使系统的负载更加均衡;如何充分利用硬件的性能和设施;如何减少系统额外开销(比如上下文切换等)。 算法层次关注算法的选择(用更高效的算法替换现有算法,而不改变其接口);现有算法的优化(时间和空间的优化);并发和锁的优化(增加任务的...

rocket mq 入门文档

原文地址: http://jm.taobao.org/2017/01/12/rocketmq-quick-start-in-10-minutes/ 感谢原作者 十分钟入门RocketMQ 本文首先引出消息中间件通常需要解决哪些问题,在解决这些问题当中会遇到什么困难,Apache RocketMQ作为阿里开源的一款高性能、高吞吐量的分布式消息中间件否可以解...