使用babel-plugin-import时antd nuxtjs的文档

Question

我正在使用Nuxtjs和Antd设置第一个应用程序。我正在使用babel-plugin-import来减少Antd的包大小。

它工作得很好，但在组件中，它看起来很奇怪。

使用babel-plugin-import

<template>
  <Button type="primary">Enjoy it</Button>
</template>

<script>
import { Button } from 'ant-design-vue'

export default {
  components: {
    Button
  }
}
</script>

在官方文档中，他们使用了不同的标签。

<a-button type="primary">Primary</a-button>

这是Vue的Ant Design中的docs。

在使用babel-plugin-import时，如何查找文档。我已经在网上搜索过很多次了。但我没有找到任何结果。

Answer 1

我刚刚找到了解决方案。

<script>
import Button from 'ant-design-vue/lib/button';

export default {
  components: {
    'a-button':Button
  }
}
</script>

在此线程中：Import UI library modularized in nuxtjs

Answer 2

优雅的方式：

components: {
    [Button.name]: Button
}