Shulou(Shulou.com)06/02 Report--

This article introduces the knowledge of "what is Vapper". In the operation of actual cases, many people will encounter such a dilemma. Then let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Vapper is a vue-based server-side rendering (SSR) framework, its core goal is: simple, flexible, powerful.

The basic characteristics of Vapper

Simplicity is paramount.

Vapper allows you to develop SSR applications just like SPA applications. There are no tedious concepts to learn. Vapper allows you to prefetch data in a very intuitive and consistent way.

Flexible & powerful

Vapper allows you to optionally turn on SSR with fine control at the routing level; Vapper also allows you to use SSR, FallbackSAP, pre-rendering and other functions at the same time.

Plug-in architecture

Vapper's plug-in architecture makes it very extensible. If you have written vue-cli3 plug-ins, you will be very familiar with the way Vapper plug-ins are written. Vapper supports file system routing, pre-rendering, PWA, Apollo and other functions through plug-ins.

Necessary webpack configuration for Vapper

In fact, the principle of VueSSR is very simple, and we need two webpack configurations: serverconfig and where to generate resources for clientconfig to generate and send to browsers and generate resources. ServerconfigserverbundleclientconfigclientManifest

These webpack configurations are similar to the application's webpack configuration and can be used with slight SSR adjustments, so Vapper does not manage all webpack configurations separately, but only the necessary webpack configurations, so Vapper can work with Vue-CLI and Poi. The advantage of doing this is that the function of Vue-CLI or Poi indirectly becomes the ability of Vapper.

Vapper provides two packages for integrating Vue-CLI and Poi:

@ vapper/configer-vue-cli

@ vapper/configer-poi

In addition to using Vue-CLI or Poi as the webpack management tool, you can also use your own webpack configuration. The Builder module of Vapper only requires you to expose the getServerConfig and getClientConfig methods:

ClassMyOwnConfiger {

GetServerConfig () {

Return {...} / / Returnserverconfiguration

}

GetClientConfig () {

Return {...} / / Returnclientconfiguration

}

}

That's all for "what Vapper is". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.