现在的位置: 首页 > web前端 > 正文

Vapper基于 Vue 的 SSR 框架

2020年07月07日 web前端 ⁄ 共 1000字 ⁄ 字号 评论关闭

  Vapper是一个基于vue的服务端渲染(SSR)框架,它的核心目标是:简单、灵活、强大。


  Vapper的基本特点


  简洁至上


  Vapper能够让你像开发SPA应用一样的开发SSR应用,没有繁琐的概念需要学习,Vapper让你能够使用非常直观的、一贯的方式预取数据。


  灵活&强大


  Vapper允许你可选择的开启SSR,并且能够精细到路由级别的控制;Vapper还允许你同时使用SSR、FallbackSAP、预渲染等功能。


  插件架构


  Vapper的插件架构让它的扩展性很强,如果你编写过vue-cli3的插件,那么你将非常熟悉Vapper的插件编写方式,Vapper通过插件支持文件系统路由、预渲染、PWA、Apollo等功能。


  Vapper必要的webpack配置


  实际上,VueSSR的原理非常简单,我们需要两种webpack配置:serverconfig和用于clientconfig在何处生成资源,用于生成发送到浏览器并生成资源。serverconfigserverbundleclientconfigclientManifest


  这些webpack配置与应用程序的webpack配置类似SPA,可以SSR稍作调整即可使用,因此,Vapper它不会单独管理所有webpack配置,而仅管理必要的webpack配置,因此Vapper可以与Vue-CLI和Poi。这样做的好处是Vue-CLI或Poi的功能间接成为的能力Vapper。


  Vapper提供了两个用于集成Vue-CLI和Poi的软件包:


  @vapper/configer-vue-cli


  @vapper/configer-poi


  除了使用Vue-CLI或Poi作为webpack管理工具之外,您还可以使用自己的webpack配置。Vapper的Builder模块仅要求您公开getServerConfig和getClientConfig方法:


  classMyOwnConfiger{


  getServerConfig(){


  return{...}//Returnserverconfiguration


  }


  getClientConfig(){


  return{...}//Returnclientconfiguration


  }


  }


  路由级别控制


  总之,Vapper给大家了,希望大家看看。

抱歉!评论已关闭.