如何在我的情況下使用ES6模塊系統？

Question

所有：

我非常新的ES6模塊系統，說我有文件，如：

cmod.js

export var name = "hello2"; 

main.js

import name from './cmod.js'; 
console.log(name); 

我運行transpile後：

babel ./*.js --out-dir js/ --watch 

我想知道爲什麼結果是不確定的？可以在任何 我試圖找到答案來自： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

但似乎過於複雜，我與我的情況。

謝謝

Answer 1

您正在導出已命名的導出，但導入了默認的導出。您應該使用兩種

// cmod.js 
export var name = "hello2"; 
// useful for multiple exports 

// main.js 
import { name } from './cmod.js'; 
console.log(name); 

或

// cmod.js 
export default "hello2"; 
// useful for single-value exports 

// main.js 
import name from './cmod.js'; 
console.log(name);