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

【问题标题】：Docs for antd nuxtjs when using babel-plugin-import使用 babel-plugin-import 时 antd nuxtjs 的文档
【发布时间】：2020-02-21 02:37:04
【问题描述】：

我正在使用 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 时如何找到文档。我已经在互联网上搜索了很多次。但我没有找到任何结果。

【问题讨论】：

标签： vue.js babeljs nuxt.js antd

【解决方案1】：

优雅的方式：

components: {
    [Button.name]: Button
}

【讨论】：

【解决方案2】：

我刚刚找到了解决方案。

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

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

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

【讨论】：