不同的導出方式和相應的導入方式，可以提煉成 3 種類型：name、default 和 list。

以下是使用示例：

// Name Export | Name Import
// 一個“命名”的導出
export const name = 'value'
import { name } from '...'? 錯誤示例：
export 'value'
import { } //錯誤：沒有名字***************************************************************
// 混合默認值 + 名稱
// 您絕對可以將默認和名稱導出合并到一個文件中
export const name = 'value';
export default 'value'
import anyName, { name } from 'some-path/file';***************************************************************
// Default Export | Default Import
// 使用默認導出時，您不需要任何名稱。因為你可以隨心所欲地命名它
export default 'value'
import anyName from '...'? 錯誤示例：
export default const name = 'value';  //錯誤：無默認變量聲明***************************************************************
// Rename Export | NameImport
// 重命名導出
const name = 'value'
export { name as newName }
import { newName } from '...'
console.log(newName); // 'value'
console.log(name ); // undefined? 錯誤示例：無法將內聯導出與導出列表組合在一起
export const name = 'value';
// You're already exporting name ??, don't export me again
export {name
}***************************************************************
// Name + Default | Import All
// 全部導入
export const name = 'value'
export default 'value'
import * as anyName from '...'
console.log(anyName.name); // 'value'
console.log(anyName.default); // 'defaultValue'***************************************************************
// Export List + Rename | Import List + Rename
// 導出列表
// 重命名導入
export {name1,name2 as newName2  
}
import {name1 as newName1,  //重命名導入newName2
} from '...'? 錯誤示例：
// Export list ≠ Object
export {name: 'name'
}