2015-01-13 116 views
1

是否可以使用ES6模塊語法重新創建以下內容?ES6默認模塊語法(帶6to5)

var foo = {}; 
module.exports = foo; 

ES6具有用於將聲明性關鍵字與表達,像這樣支持:

export var foo = 'bar'; 

然而,當通過6to5運行,這產生:

var foo = exports.foo = 'bar'; 

是否有可能將此語法與default關鍵字結合使用,以生成頂級代碼片段?

回答

4

您必須導出foo實體default關鍵字:

var foo = {}; 
export default foo; 

它會生成你想要什麼。

PS:您可以爲每個模塊只導出一個default變量,可以導入它沒有大括號:

import foo from 'some_module'; 

如果要導出多個變量:

export var foo = 10; 
export var boo = 'something'; 

然後你必須使用大括號導入它們:

import { foo, boo } from 'some_module'; 

在這種情況下,6to5會比您的示例生成更復雜的結果。

更多關於ES6模塊的信息請看here