es6通过babel转码 记录

Posted c_zhangyang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6通过babel转码 记录相关的知识,希望对你有一定的参考价值。

1.首先安装node

2.安装babel

$ npm install --save-dev babel-preset-es2015

3.使用babel必须有一个.babelrc文件在项目根目录

 

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

4.接下来用命令行babel-cli转码

  它的安装命令如下:

$ npm install --global babel-cli
$ npm install --save-dev babel-cli

5.使用

# 转码结果输出到标准输出
$ babel example.js

# 转码结果写入一个文件
# --out-file 或 -o 参数指定输出文件
$ babel example.js --out-file compiled.js
# 或者
$ babel example.js -o compiled.js

# 整个目录转码
# --out-dir 或 -d 参数指定输出目录
$ babel src --out-dir lib
# 或者
$ babel src -d lib

# -s 参数生成source map文件
$ babel src -d lib -s

 

   

以上是关于es6通过babel转码 记录的主要内容,如果未能解决你的问题,请参考以下文章

ES6学习— Babel转码器的使用和配置

如何使用Babel将ES6转码为ES5

babel转码es6具体说明

使用babel转码器,让浏览器支持es6语法

如何使用Babel将ES6转码为ES5

1.Babel转码器