有时开发者需要和一些“很重”的组件打交道 -- 这通常是指由于执行了复杂的任务，所以创建和渲染开销都很大的组件。 比方说，我昨天就在使用“StoryBlok”工具库创建富文本编辑器的时候遇到了麻烦。 事情是这样的，从 StoryBlok API 获取富文本内容的时候，得到的数据…

最近两周刚刚接手工程化的工作，领导希望能够集成一个可以预渲染html的插件来解决webpack生成的空白模板问题。 通过调研发现webpack有一个prerender-spa-plugin的插件完全可以满足需求，故将这个插件集成到我们内部的构建流程中。整个过程还是有很多坑的，主…

Ajax 技术的出现，让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容，这就是单页应用。在一个单页应用中，往往只有一个 html 文件，然后根据访问的 url 来匹配对应的路由脚本，动态地渲染页面内容。单页应用在优化了用户体验的同时，也给我们带来了许多问题，例如 S…

使用背景改造内容1.路由模式路由模式切换为history模式，去除URL中的#路由懒加载，配合预渲染更好做到按需加载服务端配置覆盖无静态资源情况下返回的页面，避免直接访问或刷新4042.prerend

周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T 1. 简介与使用场景 …

关于 Vue 的 SPA 说的已经太多了（在我之前的多个项目中，已经多次使用到了，包括 sell，music，vue-cms 等多个项目），它为我们带来了极速的开发体验，极强的开发效率。可能唯一有些许不足的就是：当我们对 SEO 很在乎的时候，我们如何去处理 SEO 的需求？ …

使用vue做了多个后台管理的多页面应用，项目越积越大，使用静态资源CDN加快了网页访问速度，使用vue的路由懒加载，减少首次加载的js大小，总感觉对于提升单页面的性能和扩充性，没有实质性提升！ 一直以来，使用惯了vue，就总想用vue多做一些项目。比如用vue做一些小网站（需…

前几天应需求做了一个网页测速小工具，经过考虑，进行了一些选型，由于在公司一直用react搬砖，所以这次决定提高全方面能力，接触并使用vue构建一个小型项目，vue用gizp压缩后仅有约33KB，加上axios和prerender-spa-plugin以及业务代码，压缩后仅不到5…

由于基于Vue的SPA项目普通的爬虫无法爬取项目的静态文本的内容，通过预渲染插件prerender-spa-plugin解决vue的SPA项目的SEO问题。 可以看到项目编译后的index.html中只有一些HTML和js，css文件的引用，而无关于内容的静态文本。当然你也可以…