VuePress 1.9.0 发布，Vue 轻量级静态网站生成器

VuePress 1.9.0 发布了，此版本为配置文件引入了完整的 TypeScript 支持，还引入了拥有类型推断功能的官方插件，完整更新内容如下：

支持 .vuepress/config.ts

之前，VuePress 只支持这些类型的配置文件

• .vuepress/config.js
• .vuepress/config.yml
• .vuepress/config.toml

从现在开始，.vuepress/config.ts 获得官方支持。

defineConfig 智能感知配置助手

一个在 vuepress/config 中显示的辅助函数，它可以辅助类型提示符:

 import { defineConfig } from "vuepress/config"; export default defineConfig({ title: "VuePress", description: "Vue-powered Static Site Generator" // ... });

Theme 基于主题的类型推断

默认情况下，defineConfig 助手利用默认主题配置的类型作为 themeConfig，也就是说，所有默认主题配置的类型提示现在都可用。

 import { defineConfig } from "vuepress/config"; export default defineConfig({ themeConfig: { repo: "vuejs/vuepress", editLinks: true, docsDir: "packages/docs/docs" // Type is `DefaultThemeConfig` } });

如果你使用一个自定义主题，则可以使用 defineConfig4CustomTheme 助手来传递你的主题的泛型类型:

 import { defineConfig4CustomTheme } from "vuepress/config"; interface MyThemeConfig { hello: string; } export default defineConfig4CustomTheme<MyThemeConfig>({ themeConfig: { // Type is `MyThemeConfig` hello: "vuepress" } });

Official Plugins 官方插件类型推断

从 1.9 开始，用户将可以享受官方插件的类型提示：

元组样式（Tuple Style）、对象样式（Object Style）和插件简写（Plugin Shorthand ）都支持类型推断。

• 元组样式：

 import { defineConfig } from "vuepress/config"; export default defineConfig({ plugins: [ [ "@vuepress/pwa", { serviceWorker: true } ] ] });

• 对象样式：

 import { defineConfig } from "vuepress/config"; export default defineConfig({ plugins: { "@vuepress/pwa": { serviceWorker: true } } });

ISO 语言代码

类型推断支持 ISO 语言代码

上下文 API

VuePress 的配置也可以是一个函数，而它的第一个参数是当前的应用上下文：

 import { defineConfig } from "vuepress/config"; export default defineConfig(ctx => ({ // do not execute babel compilation under development evergreen: ctx.isProd }));

以上为 Vuepress 1.9 的更新内容，更新公告：https://github.com/vuejs/vuepress/releases/tag/v1.9.0