hyperstatic:hyperapp的路由预渲染代码拆分和预取 源码
亢进的 hyperapp静态网站生成器 Hyperstatic是hyperapp之上的瘦导航层,可帮助创建快速且SEO友好的静态站点。 我们的目标是成为一个更简单,更轻,更快的GatsbyJS,它使用Hyperapp代替React。 通过使用Puppeteer进行预渲染和使用进行代码拆分,它的代码库本来就很小。 主要功能是: 路由和导航 预渲染 在构建时预取 代码拆分 在此处查看演示站点: : 入门模板 :rocket: 最简单的入门方法是使用此。 在现有的hyperapp项目中安装: npm i hyperstatic 创建一个包含路由模式的routes对象。 更换hyperapp的app与呼叫hyperstatic 。添加所需的额外的routes属性。 添加将呈现页面的超静态Router组件 使用Link组件链接到您的页面。 为了进行预渲染,请在您的package.json脚本中添加以下帮助
文件列表
hyperstatic-master.zip
(预估有个27文件)
hyperstatic-master
package.json
974B
package-lock.json
26KB
src
renderPages.ts
5KB
hyperstatic.ts
3KB
effects
navigate.ts
250B
loadRouteBundle.ts
773B
loadStatic.ts
1KB
暂无评论