Lavas 介绍 探索 PWA 快速开始 PWA 工程 开发一个页面 调试工程 构建部署工程

Skeleton 和 App Shell 模型 SPA 模式下的 Skeleton 编写 Skeleton 添加预缓存文件列表 按照路由路径显示独立 Skeleton 加快 Skeleton 的渲染 SSR 模式的 App Shell 编写 App Shell 配置 Service Worker 多个 App Shell 的支持 (扩展) ...

服务器端渲染 使用 Lavas 创建服务器端渲染项目 导出项目 启动 深度剖析 SSR 如何生成 vue-ssr-server-bundle.json 如何生成 vue-ssr-client-manifest.json SSR 的状态单例问题 不想用默认的 server.js 其他的问题 遇到不支持 SSR 的库怎么办 有些页面不想走 SS...

core 目录 app.js App.vue entry-client.js entry-server.js spa.html.tmpl & ssr.html.tmpl ssr.html.tmpl (spa.html.tmpl) 和 App.vue service-worker.js Skeleton.vue core 目录 如果使用...

中间件 中间件方法说明 中间件的声明 中间件 本文将介绍 Lavas 中间件的用法。 如果您想在进入路由组件之前，执行某些统一处理，就可以考虑使用中间件了。在同构应用中，中间件可以运行在客户端，服务端或者两者兼具的场景内。在实现中 Lavas 参考了 Nuxt 的实现，通过 vue-router 的路由钩子让中间件顺序执行。 对于开发者，如...

路由配置项 路由模式和基准路由 页面切换动画 渐隐渐现 左右滑动 自定义动画 重写路由对象 使用 rewrite 修改路由路径 注意事项 使用 routes 修改路由对象 路由配置项 路由配置项位于 /lavas.config.js 的 router 对象。Lavas 内部使用 vue-router 进行路由管理，因此许多配置项...

vue-skeleton-webpack-plugin 介绍 问题背景 实现思路 渲染组件 注入渲染结果 开发模式下插入路由 参数说明 SkeletonWebpackPlugin SkeletonWebpackPlugin.loader 贡献代码 vue-skeleton-webpack-plugin 介绍 info 这是一个基...

router-loader 介绍 问题背景 具体实现 router-loader 实现 router-loader 介绍 仅有Lavas MPA 模版 包含此功能 问题背景 在单页应用中我们使用 vue-router 进行前端路由跳转，而多页应用可以看成多个单页应用，每个单页都可以有各自独立的路由，那么如何做到在各个单页之间进行跳转...

sw-register-webpack-plugin 插件 背景 解决缓存更新痛点 服务器 Cache-control: no-cache 处理 版本控制 插件介绍 解决的问题 安装 webpack 配置 参数 version filePath prefix 维护 sw-register.js 文件 service-worker.js ...

vue-skeleton-webpack-plugin 介绍 问题背景 实现思路 渲染组件 注入渲染结果 开发模式下插入路由 参数说明 SkeletonWebpackPlugin SkeletonWebpackPlugin.loader 贡献代码 vue-skeleton-webpack-plugin 介绍 info 这是一个基...