es6 模块系统怎么对import的模块重命名？

Question

es6 模块系统怎么对import的模块重命名？

想分别导入iview和ant-design-vue这两个组件库的DatePicker组件,但是组件库默认的组件名字都叫DatePicker,通过Vue.use(DatePicker)按需加载组件的时候会提示有重复的DatePicker组件

请问es6的模块系统在通过import导入的时候怎么可是实现像es6解构赋值对解构的对象重命名的操作？例如 const {name:nickName,age} = {name:'pis',age:18}; console.log(nickName) // pis

相关代码

import {DatePicker} from 'iview'
import {DatePicker} from 'ant-design-vue'
Vue.use(DatePicker)

你期待的结果是什么？实际看到的错误信息又是什么？

    import {DatePicker:iDatePicker} from 'iview' // 希望可以像这个对iview的组件进行重命名导入
    import {DatePicker} from 'ant-design-vue'
    Vue.use(DatePicker:iDatePicker)
    Vue.use(DatePicker)

Answer 1

import {DatePicker as iDatePicker} from 'iview'

Answer 2

import { DatePicker as iDatePicker } from 'iview'
import { DatePicker } from 'ant-design-vue'