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给大家了,希望大家看看。