用babel轉碼ES6

首先能夠用es-checker檢測一下本機對ES6的支持程度

npm install -g es-checker && es-checker

可見，不支持ES6的import和export語法，咱們能夠寫個有該語法的腳本運行下。

建立項目文件夾，結構以下：

lib.js：

export var a = 10;

main.js：

import { a } from './lib';
console.log(a);

執行  node main.js

 

發現確實沒法執行。此時咱們能夠用babel進行轉碼：

首先安裝label-cli

npm install -g babel-cli

再在項目文件夾先建立  .babelrc  文件

安裝轉碼規則：

npm install --save babel-preset-latest

而後寫入到  .babelrc  文件中

{
	"presets": [
		"latest"
	]
}

執行  babel main.js  便可查看轉碼以後的代碼，也能夠輸出到文件中：

babel main.js -o out.js

就能夠寫入到out.js中，然而咱們這裏有兩個文件在同一文件夾下，咱們能夠直接將文件夾轉碼

babel test -d src

便可將test文件夾下的文件轉碼到src文件夾下。

轉碼成功後的目錄結構以下：

轉碼後的main.js：

'use strict';

var _lib = require('./lib');

console.log(_lib.a);

lib.js：

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
var a = exports.a = 10;

轉碼成功，用node執行轉碼後的文件：

ok。