Babel 入门教程
1. 安装es-checker
npm -g install es-checker
2. 执行es-checker
es-checker
3. 安装一个全局的babel-cli工具,用于命令行转码。
npm -g install babel-cli
$ npm install --global babel-cli
4. 在工作根目录创建一个名字为.babelrc的文件,用来设置转码规则和插件
{ "presets": [ //设定转码规则 "es2015", "react", "stage-2" ], "plugins": [] }
5. 工作目录下安装需要的转码规则
$ npm install --save-dev babel-preset-es2015 # ES2015转码规则 $ npm install --save-dev babel-preset-react # react转码规则 $ npm install --save-dev babel-preset-stage-0 # ES7各阶段语法提案的转码规则 $ npm install --save-dev babel-preset-stage-1 $ npm install --save-dev babel-preset-stage-2 $ npm install --save-dev babel-preset-stage-3
6. 测试,写一个含有ES6语法的test.js
$ babel-node test.js # 转码并执行 $ babel example.js # 转码结果输出到标准输出 $ babel example.js --out-file compiled.js # 转码结果写入一个文件 $ babel example.js -o compiled.js # 转码结果写入一个文件 $ babel src --out-dir lib # 整个目录转码 $ babel src -d lib # 整个目录转码 $ babel src -d lib -s # -s 参数生成source map文件
参考:
http://www.cnblogs.com/diligenceday/p/5453523.html
http://www.ruanyifeng.com/blog/2016/01/babel.html
这世界真的也许有太多的你不如意,可你的生活虽然坎坎坷坷仍在继续,希望就住在你的心底,愿你勤勤恳恳善待别人关心自己美好的日子等你