# 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`