瀏覽器現在都不支援import和export語法，也許有人會說用babel啊，我萬能的babel啥事不能幹，錯了，babel只是一個翻譯器， Babel預設只轉換新的JavaScript句法（syntax），而不轉換新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全域性物件，以及一些定義在全域性物件上的方法（比如Object.assign）都不會轉碼。
babel只是個翻譯，假設a.js 裡 import 了 b.js, 對a.js進行轉碼，只是翻譯了a.js，並不會把b.js的內容給讀取合併進來, 如果想在最終的某一個js裡，包含 a.js，b.js 的程式碼，那就需要用到打包工具
安裝
1，安裝node
2,npm i -y
3, npm i -g webpack //全域性安裝 4, npm i -S-D webpack //本地安裝
5，npm i -S-D webpack-cli 6，安裝babel，如下，npm i -S-D ‘加上下面的名字’，並且新建立.babel檔案
之後執行webpack即可