扫一扫分享
VitePress 是 vuePress 的小弟弟,在 Vite 上构建的。
主要是因为太慢!但是不怪 VuePress,怪 webpack!
Vite 则非常好的解决了问题:
几乎实时的服务启动
根据需要编译页面
非常轻量快速的 HMR(热模块重载)
另外,本身 VuePress 一些设计问题一直没有时间去修复,正好这次做个大重构。
利用了 Vue 3 的改进的模板静态分析来尽可能字符串化静态内容
静态内容以字符串模式而不是渲染函数代码发送,JS 负载更便宜,注水(SSR 时生成 js 交互逻辑代码)也更快
这些优化仍然允许在 markdown 中混合使用 Vue 组件,编译器会帮你处理静态/动态分离工作
使用了 Vite
更快的 dev 服务器启动
更快的热更新
更快的构建(使用 Rollup)
Vue 3 树摇 + Rollup 代码分离
不会把所有页面的元数据都在一个请求中发送出去。客户端导航时再一起获得新页面的组件及元数据
没有用 vue-router,写了个轻量的路由(200 行代码)
(WIP)i18n本地化数据根据需要请求
VitePress 更武断且更少的配置。VitePress目标是缩减掉当前 VuePress 的复杂性并从其极简主义的根源重新开始
VitePress 是面向未来的:其目标浏览器是只支持原生 ES 模块导入的浏览器。其鼓励使用原始的 JavaScript 而不用转义以及使用 css 变量来主题化
可能不会。
避免影响 VuePress 当前的主题和插件生态
核心逻辑是更少的主题 api(倾向于 JavaScript API 而不是文件布局方式)且没有插件(所有的定制都在主题内)
手机预览