官方文档：https://cn.vuejs.org/guide/extras/render-function#jsx-tsx 之前写 React 的时候，最喜欢的是 JSX/TSX 语法，把 HTML

在现代Web开发中，单页应用（SPA）因其能降低服务器负担、提高开发效率等方面的优势而广受欢迎。然而，SPA在SEO和页面加载性能上常面临挑战，特别是在首次加载时，用户可能会面对长时间的白屏或加载延迟

现在的前端开发领域，都是前后端分离，前端框架主流的都是 SPA，MPA；这就意味着，页面渲染以及等待的白屏时间，成为我们需要解决的问题点；而且大项目，这个问题尤为突出。 webpack 可以实现按需加载，减小我们首屏需要加载的代码体积；再配合上 CDN 以及一些静态代码（框架，…

目前正在做的项目，登录是需要跳转到别人的页面的，导致重定向很多，需要优化一下白屏时间，所以就用到了骨架屏，但是这次用的骨架屏不是自动生成的，还是自己敲的样式，一步步来吧，先从简单的用起🤝。 骨架屏，英文 Skeleton screen，是指在页面开始渲染之前的白屏时间内，先让…

vue-cli前端工程webpack优化记录 优化原因 开发环境启动时间耗时长。公司电脑配置一般，启动一下需要一两分钟。 持续构建环境耗时长，打包慢。 优化效果显著

一、背景 由于旧项目是用vue-cli3脚手架搭建，随着项目代码不断增加，webpack每次热更新都需要编译很久，同时打包构建所需时间也增加了不少，鉴于升级webpack版本会出现各自意想不到的坑，所

网上模板这么多，为什么还要自己搭建？ 目前主流的 Vue3+Vite 后台管理模板都相对复杂，集成了太多不实用的东西，对使用者并不友好，学习成本较高，甚至对一个中级前端来说要直接上手二次开发也是有一定

最近把vue-cli@2.x和create-react-app 的源码都看了一遍。由于现在官方推荐使用vue-cli@3.0，改动比较大，所以就不写关于vue-cli的了（据说是因为vue-cli@2.x创建项目时操作有点太复杂了，于是犹雨溪大大就借鉴了create-react…

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 本文是一篇白话的技术教程文章，手把手教你搭建一个Vue3+Typescript的开发环境，其中可能涉及...