---
# System prepended metadata

title: ES6 module 模組化
tags: [JavaScript]

---

# ES6 module 模組化
```javascript=
<script type="module" src="./...js">
// import,export,from
</script>
```
### 先決定export，再決定import
#### export -> import
* 預設匯出(export default)，一支檔案只會有一個
    * import: 
    ```javascript=
    import 自訂名稱 from ...
    ```
* 具名匯出(export named)，大多用在函式庫
    * import: 
    ```javascript=
    import {模組名稱} from ...
    ```
![](https://i.imgur.com/INqDB23.png)
[文章參考:完全解析 JavaScript import、export](https://wcc723.github.io/development/2020/03/25/import-export/)

###### tags: `JavaScript`