總結：

import x from 'abc..js'

這種導入要求 abc.js模塊中有 export default 默認導出，x作為消費者導入abc.js模塊默認導出的名稱，x可以隨意更換為你喜歡的名字

import { y } from 'abc..js'

這種導入要求 abc.js模塊中必需有 export y 命名導出，y是消費者要從abc.js模塊導入的命名元素，y不可更換為其他名稱。如果你實在是感覺x不順眼，那可以采用下面的方式對y重命名

import { y as xxx } from 'abc..js'，此處xxx就是重命名的新名稱

import x,{ y } from 'abc..js'

這種導入要求 abc.js模塊中有 export default 默認導出並且有y的命名導出