千家信息网

Vapper是什么

发表于:2024-11-18 作者:千家信息网编辑
千家信息网最后更新 2024年11月18日,本篇内容介绍了"Vapper是什么"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Vapper是一个基
千家信息网最后更新 2024年11月18日Vapper是什么

本篇内容介绍了"Vapper是什么"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

  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是什么"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

0