当前位置: 首页 > article >正文

多入口+vite+vue3预渲染方案

如果你的项目要求加载速度要快,我们如果使用传统的vue3+sfc模式去开发,因为只有一个根节点,空白页面加载出来之后js才回去加载组件渲染,这样页面总是有一个短暂的空白。我们这里不讨论服务器端ssr和预渲染方案,仅仅是为了满足比较极端的优化需求,在这种情况下我的这套方案就是一种比较好的解决方案。

1 首先说一下多入口配置

多入口配置也就是说将项目拆分成多个子项目,然后让后通过url跳转关联接起来。这种方案能在大型项目优化方面有一定的积极作用。

vite+vue3多入口配置:

版本信息:

 "vue": "3.3.4" 

"vite": "^5.4.8"

1.1 相关配置

//其他配置

build: {
    rollupOptions: {
      input: {
        index: "index.html",
        login: "login.html",
        member: "member.html",
      },
}

//其他配置

这里这个index也可以是main是必须的,只是项目启动的入口,但是打包时依然可以和其他文件打包在同一个目录下。

根目录下:

<

http://www.kler.cn/a/350048.html

相关文章:

  • 微服务学习-Nacos 注册中心实战
  • 【MySQL】 库的操作
  • C语言初阶牛客网刷题——HJ73 计算日期到天数转换【难度:简单】
  • 免费!无水印下载!
  • nvm版本安装
  • excel导入数据处理前端
  • 程序员转行方向推荐
  • 基于 java springboot+layui仓库管理系统设计和实现
  • 使用Windows创建一个MFC应用【带界面】
  • uniapp顶部提示栏实现
  • RAG快问:大数据与AI真有价值还是炒过头?
  • N1092A DCA-M采样示波器
  • js中map,filter,find,foreach的用法介绍
  • Android App系统签名
  • 苍穹外卖学习笔记(二十二)
  • 集成mqtt协议 并以线程池来读取请求
  • springboot医院预约挂号系统
  • Paramiko的keepalive机制
  • ubuntu安装docker及docker compose
  • 创建包含可导入浏览器信任的SSL自签名证书
  • jeecg3版本的vue,离线启动
  • Python中asyncio的多种用法:异步同步
  • 解决php连接本地mysql连接错误的问题
  • MySQL改密码后不生效问题
  • Flutter-发现局域网中的设备
  • 使用Qwen千问大模型和LangChain打造RAG应用