babel

1、参考文档:http://es6.ruanyifeng.com/#docs/intro(阮一峰的 第二章)

2、步骤: 1:配置.babelrc
               2:前两个必须装 最后一个选一个
# 最新转码规则
$ npm install --save-dev babel-preset-latest

# react 转码规则
$ npm install --save-dev babel-preset-react

# 不同阶段语法提案的转码规则(共有4个阶段),选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

          3:然后,将这些规则加入.babelrc

  {
    "presets": [
      "latest",
      "react",
      "stage-2"
    ],
    "plugins": []
  }

           4:Babel 提供babel-cli工具,用于命令行转码,它的安装命令如下。

$ npm install --global 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

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

$ npm install --save-dev babel-cli

           7:然后,改写package.json

{
  // ...
  "devDependencies": {
    "babel-cli": "^6.0.0"
  },
  "scripts": {
    "build": "babel src -d lib"
  },
}

          8:转码后执行下面命令

$ npm run build

 

 

posted @ 2018-03-01 10:02  晴天9581  阅读(105)  评论(0编辑  收藏  举报