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

Question

我尝试使用插件 register/components 在 vuepress 中添加自定义组件目录，但似乎不可能。

我试过

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

有了这个架构(我想选择“components”目录)

但是好像不行，因为组件没有被识别

我认为我在 base-button.md 中写的很好

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

非常感谢

Answer 1

你可以在 enhanceApp.js 中全局注册组件(它应该位于 /.vuepress/ 文件夹中)，就像在 Vue 应用程序中注册它们一样.

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)
}