添加属性到路由meta

3 years ago
# 笔记
117
0

将markdown属性添加到路由meta字段上

import Pages from 'vite-plugin-pages'
import matter from 'gray-matter'

export default defineConfig({  resolve: {
    alias: {
      '~/': `${path.resolve(__dirname, 'src')}/`,
    },
  },
  plugins: [
    // ...,
    Pages({
      extensions: ['vue', 'md'],
      dirs: ['src/pages/', 'src/posts'],
      extendRoute(route) {
        const path = resolve(__dirname, route.component.slice(1))

        if (!path.includes('projects.md')) {
          const md = fs.readFileSync(path, 'utf-8')
          const { data } = matter(md)
          route.meta = Object.assign(route.meta || {}, { frontmatter: data })
        }
        return route
      },
    })
  ],
})

文章标题:添加属性到路由meta
文章作者:灰色の青
最后修改时间: 2022 年 12 月 23 日 18:45
版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)
还没有人踏及此处,留下足迹吧