vuepress-如何使用注册组件自定义组件目录'.vuepress / components'的位置？

Question

我试图在vuepress中使用插件注册/组件添加组件的自定义目录，但这似乎是不可能的。

我尝试过

module.exports = {
  title: 'Hello VuePress',
  description: 'Just playing around',
  plugins: [
   [
     'register-components',
     {
       componentDir: '../components'
     }
   ]
  ]
}

采用这种架构（我想选择“组件”目录）

但是似乎不起作用，因为该组件未被识别

我认为我在base-button.md

中编写了很好的组件

有人可以帮助我告诉我到达那里的步骤吗？

非常感谢

Answer 1

您可以按照在Vue应用程序中注册组件的相同方式，在enhanceApp.js（应位于/.vuepress/文件夹中）中全局注册组件。

enhanceApp.js

import BaseButton from '../../components/BaseButton'

export default ({
  Vue, // the version of Vue being used in the VuePress app
  options, // the options for the root Vue instance
  router, // the router instance for the app
  siteData // site metadata
}) => {
  Vue.component('BaseButton', BaseButton)
}