Babel\u662f\u4e00\u4e2a\u8f6c\u5316\u5668\uff0c\u5c06es6\u4ee3\u7801\u8f6c\u5316\u6210es5\u3002\u4e5f\u5c31\u662f\u8bf4\u4f60\u53ef\u4ee5\u653e\u5fc3\u5927\u80c6\u7684\u5199es6\u7684\u8bed\u6cd5\u4e0d\u5fc5\u8003\u8651\u517c\u5bb9\u6027\uff0c
\nBabel\u53ef\u4ee5\u5c06\u4f60\u7684\u4ee3\u7801\u8f6c\u5316\u6210\u517c\u5bb9\u6027\u597d\u7684es5\u4ee3\u7801\u3002<\/p>\n
\/\/ \u8f6c\u7801\u524d\r\ninput.map(item => item + 1);\r\n\r\n\/\/ \u8f6c\u7801\u540e\r\ninput.map(function (item) {\r\n return item + 1;\r\n});<\/pre>\n\u4e0a\u9762\u7684\u539f\u59cb\u4ee3\u7801\u7528\u4e86\u7bad\u5934\u51fd\u6570\uff0c\u8fd9\u4e2a\u7279\u6027\u8fd8\u6ca1\u6709\u5f97\u5230\u5e7f\u6cdb\u652f\u6301\uff0cBabel\u5c06\u5176\u8f6c\u4e3a\u666e\u901a\u51fd\u6570\uff0c\u5c31\u80fd\u5728\u73b0\u6709\u7684JavaScript\u73af\u5883\u6267\u884c\u4e86\u3002<\/p>\n
<\/p>\n
\u914d\u7f6e.babelrc<\/span><\/p>\n\u8981\u4f7f\u7528Babel\u8f6c\u7801\u524d\u8981\u5bf9.babelrc\u811a\u672c\u8fdb\u884c\u914d\u7f6e\uff1a<\/p>\n
{\r\n \"presets\": [\r\n \"stage-3\",\r\n \"es2015\"\r\n ],\r\n \"plugins\": [\r\n [\r\n \"transform-runtime\",\r\n {\r\n \"polyfill\": false,\r\n \"regenerator\": true\r\n }\r\n ]\r\n ]\r\n}<\/pre>\n\u4ee5\u4e0b\u65b9\u6cd5\u9009\u62e9\u5176\u4e2d\u4e00\u79cd\u5373\u53ef\uff0c\u4f46\u524d\u63d0\u662f\u8981\u914d\u7f6e\u597d.babelrc<\/p>\n
<\/p>\n
\u65b9\u6cd5\u4e00\uff1a<\/span><\/p>\n\/\/\u5c06\u6307\u5b9a\u76ee\u5f55\u6216\u8005\u6587\u4ef6\u8f6c\u7801<\/p>\n
\u5b89\u88c5\uff1a<\/p>\n
npm install --save-dev babel-cli<\/pre>\n <\/p>\n
\u57fa\u672c\u7528\u6cd5\u5982\u4e0b\uff1a<\/p>\n
# \u8f6c\u7801\u7ed3\u679c\u8f93\u51fa\u5230\u6807\u51c6\u8f93\u51fa\r\n $ babel example.js\r\n\r\n # \u8f6c\u7801\u7ed3\u679c\u5199\u5165\u4e00\u4e2a\u6587\u4ef6\r\n # --out-file \u6216 -o \u53c2\u6570\u6307\u5b9a\u8f93\u51fa\u6587\u4ef6\r\n $ babel example.js --out-file compiled.js\r\n # \u6216\u8005\r\n $ babel example.js -o compiled.js\r\n\r\n # \u6574\u4e2a\u76ee\u5f55\u8f6c\u7801\r\n # --out-dir \u6216 -d \u53c2\u6570\u6307\u5b9a\u8f93\u51fa\u76ee\u5f55\r\n $ babel src --out-dir lib\r\n # \u6216\u8005\r\n $ babel src -d lib\r\n\r\n # -s \u53c2\u6570\u751f\u6210source map\u6587\u4ef6\r\n $ babel src -d lib -s<\/pre>\n <\/p>\n
\u7f16\u8f91\uff1apackage.json<\/p>\n
{\r\n \/\/ ...\r\n \"devDependencies\": {\r\n \"babel-cli\": \"^6.0.0\"\r\n },\r\n \"scripts\": {\r\n \"build\": \"babel src -d lib\" \/\/\u5c06src\u76ee\u5f55\u4e0b\u7684\u6240\u6709js\u6587\u4ef6\u8f6c\u7801\u8f93\u51fa\u5230lib\u76ee\u5f55\u4e0b\r\n },\r\n }<\/pre>\n <\/p>\n
\u6267\u884c\u547d\u4ee4<\/p>\n
npm run build<\/pre>\n <\/p>\n
<\/p>\n
\u65b9\u6cd5\u4e8c\uff1a<\/span><\/p>\n\/\/\u4e5f\u53ef\u4ee5\u4e0d\u9700\u8981\u8f6c\u7801\uff0c\u8ba9\u4ee3\u7801\u8fd0\u884c\u5728\u652f\u6301es6\u7684\u73af\u5883\u4e2d\u8fd0\u884c
\n\u5b89\u88c5\u5728\u5f53\u524d\u9879\u76ee\u76ee\u5f55\u4e0b\uff1a<\/p>\n
npm install --save-dev babel-cli<\/pre>\n\u8981\u8ba9\u4ee3\u7801\u80fd\u8dd1\u5728es6\u7684\u73af\u5883\u4e2d\u5c31\u9700\u8981babel-node\uff0c\u5b83\u4e0d\u7528\u5355\u72ec\u5b89\u88c5\uff0c\u800c\u662f\u968fbabel-cli\u4e00\u8d77\u5b89\u88c5\u3002\u7136\u540e\uff0c\u6267\u884cbabel-node\u5c31\u8fdb\u5165PEPL\u73af\u5883\u3002<\/p>\n
babel-node es6.js \/\/\u8ba9es6.js\u4ee3\u7801\u5728es6\u73af\u5883\u4e2d\u8fd0\u884c<\/pre>\n <\/p>\n
\u7f16\u8f91package.json<\/p>\n
{\r\n \"scripts\": {\r\n \"start\": \"babel-node .\/bin\/www\"\r\n }\r\n}<\/pre>\n <\/p>\n
\u542f\u52a8\u547d\u4ee4\uff1a<\/p>\n
npm run start<\/pre>\n <\/p>\n
<\/p>\n
\u65b9\u6cd5\u4e09\uff1a<\/span><\/p>\n\/\/\u6bcf\u5f53\u4f7f\u7528require\u52a0\u8f7d.js\u3001.jsx\u3001.es\u548c.es6\u540e\u7f00\u540d\u7684\u6587\u4ef6\uff0c\u5c31\u4f1a\u5148\u7528Babel\u8fdb\u884c\u8f6c\u7801\u3002<\/p>\n
npm install --save-dev babel-register<\/pre>\n\u4ee5express\u652f\u6301async\/await\u3001promise\u4e3a\u4f8b\uff0c\u5728bin\u76ee\u5f55\u4e0b\u65b0\u5efa1.js\u5185\u5bb9\u4e3a\uff1a<\/p>\n
require(\"babel-register\");\r\nrequire('.\/www');<\/pre>\n <\/p>\n
\u4ee5\u540e\u542f\u52a8express\u65f6\u5019\u5c31\u8fd0\u884c<\/p>\n
node .\/bin\/1.js\u5373\u53ef<\/pre>\n <\/p>\n
http:\/\/www.ruanyifeng.com\/blog\/2016\/01\/babel.html<\/a><\/p>\n