引入模組

然後在瀏覽器中檢視：

這是因為模組化只能在支援的環境上使用，

我現在將檔案放在Apache伺服器環境下來進行執行

使用時需要注意的方面：

import 可以是相對路徑或者絕對路徑

import同一個檔案多次，也只會生效一次

 import './JS/demo.js'; 直接引入就相當於引入了一個檔案

import {a} from './JS/demo.js'; 這樣就相當於引入一個物件

別名：

作為整體物件引入：

export default引入

模組之間還可以互相引入

這些變數也可以是函式

import語句會被自動提升到script程式碼塊頂部

如果export出去的內容如果更改了，相對應的import的內容也會更改

3s後

import動態引入

類似這種語法是不允許的

動態引入的方法 import()

import() 符合Promise規範，可以根據Promise的語法來進行使用

優點：

實現了按需載入，可以寫在if中，路徑也可以是動態的

也可以結合Promise.all函式來進行使用