vitepress的配置文件为config.mjs
时间: 2024-08-14 15:09:42 浏览: 77
基于Vue.js的uni-app跨平台应用前端框架设计源码
在 VitePress 中,`config.mjs` 是项目的配置文件,用于定制 VitePress 的启动行为、站点结构以及一些高级特性。`.mjs` 扩展表明这是一个 ES 模块,这意味着你可以导入和导出函数、对象,甚至是整个模块树。
以下是 `config.mjs` 文件的主要部分:
```javascript
// config.mjs
import { defineConfig } from 'vitepress'
import markdown from '@vitepress/plugin-markdown'
import theme from './theme.vue'
export default defineConfig({
// 基本配置项
build: {
outDir: 'dist', // 输出目录
},
// 插件配置
plugins: [
markdown({ extensions: ['.md', '.mdx'] }), // 支持 Markdown 和 MDX 文件
],
// 主题配置
theme: theme,
// 其他配置,如路由管理、CSS预处理器等
base: '/', // 基础 URL,如 '/docs',默认值是 '/'
css: true, // 是否启用 CSS 提取
})
```
在这个配置中,我们定义了 VitePress 使用 `markdown` 插件支持 Markdown 和 MDX 文档,设置了主题从 `theme.vue` 文件加载,并指定了输出目录和基础 URL。
**相关问题--:**
1. 如何在 `config.mjs` 中自定义站点的标题和描述信息?
2. 如何添加 VitePress 的自定义布局文件?
3. `base` 属性的作用是什么?如果我想为每个页面都单独设置基础 URL 应怎么做?
阅读全文