美文网首页
方便快捷的ES6转ES5

方便快捷的ES6转ES5

作者: love颜文字 | 来源:发表于2017-07-12 21:09 被阅读0次

本文介绍用npm和 Babel 6 来将 ES6 代码转换成 ES5 代码。
如果用其他工具配合 Babel 来做,可以见这里。不知道 npm是什么?请先查看npm 入门指南。

Node 是 JavaScript 的服务器运行环境(runtime)。它对 ES6 的支持度更高。除了那些默认打开的功能,还有一些语法功能已经实现了,但是默认没有打开。使用下面的命令,可以查看 Node 已经实现的 ES6 特性。

$ node --v8-options | grep harmony

在阮一峰大牛写的技术里找到 ES-Checker,用来检查各种运行环境对 ES6 的支持情况。访问ruanyf.github.io/es-checker,可以看到您的浏览器支持 ES6 的程度。运行下面的命令,可以查看你正在使用的 Node 环境对 ES6 的支持程度。

$ npm install -g es-checker
$ es-checker

=========================================
Passes 24 feature Dectations
Your runtime supports 57% of ECMAScript 6
=========================================

下面让我们使用命令行转码babel-cli

Babel提供babel-cli工具,用于命令行转码。

它的安装命令如下:

全局安装
npm install --global babel-cli

在项目下输入命令

npm init

一路回车---引导你创建一个package.json的文件(包括名称、版本、作者等信息)

将babel-cli安装在项目之中。

npm install --save-dev babel-cli

在项目文件中新建一个 .babelrc 的文件,把一下代码复制粘贴到文件中

{
  "presets": [],
  "plugins": []
}

然后在命令行里输入

npm install --save-dev

相关文章

  • 方便快捷的ES6转ES5

    本文介绍用npm和 Babel 6 来将 ES6 代码转换成 ES5 代码。如果用其他工具配合 Babel 来做,...

  • 处理js

    转es5语法 提供es6方法 打包js

  • React中ES6和ES5的不同之处

    组件类的定义 es5 es6 状态初始化 es5 }) es6 属性初始化 es5 es6 组件抛出 es5 es...

  • ES6 写法示例

    匿名函数调用 ES5 ES6 箭头函数 将数组的内容 * 2 ES5 ES6 默认参数 ES5 ES6 不定参数 ...

  • 微信小程序

    出现这个错误 把es6转es5的勾选去掉就可以了

  • webpack报错ERROR in ***.js from Ug

    原因大概率是uglifyjs-webpack-plugin插件不兼容es6语法的问题,需要安装es6转es5的插件...

  • ReactNative之ES6与ES5区别

    解构复制 ES5 ES6 导入模块 ES5 ES6 导出模块 ES5 ES6 ES 6语法采用export来代替m...

  • ES6 基础新特性

    关于 ES6 转 ES5 兼容低版本浏览器: Babel 是一个宽泛使用的 ES6 转码器, 可以将 ES6 转为...

  • 2016学习资料总结

    一、基于node的网站开发,使用的技术栈如下 ES6 babel (将ES6转为ES5) node.js koa....

  • 2018/6/21 本周总结

    webpack es6转es5会自动启用严格模式严格模式全局this undefined callee不可用 取消...

网友评论

      本文标题:方便快捷的ES6转ES5

      本文链接:https://www.haomeiwen.com/subject/egcihxtx.html