vue3+vite配置多入口文件

news2024/12/24 8:29:01

1.修改vite.config.ts 文件：
在这里插入图片描述
2.在src目录底下建相应的html文件和对应的ts入口文件和vue文件，如下图：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
npm run dev运行后本地访问：

http://127.0.0.1:5173/home_index.html

npm run build打包后的结构如图：
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/849011.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

物联网的定义、原理、示例、未来

物联网的定义、原理、示例、未来

什么是物联网? 物联网 (IoT) 是指由嵌入传感器、软件和网络连接的物理设备、车辆、电器和其他物理对象组成的网络，允许它们收集和共享数据。这些设备(也称为“智能对象”)的范围可以从简单的“智能家居”设备(如智能恒温器)到可穿戴设备(如智能手表和支持RFID的服…
阅读更多...
Anaconda Prompt使用pip安装PyQt5-tools后无法打开Spyder或闪退

Anaconda Prompt使用pip安装PyQt5-tools后无法打开Spyder或闪退

艹！MLGBZD! 真TMD折腾人！ 出现原因： 首次安装完Anaconda3-2023.07-1-Windows-x86_64.exe后首次打开Spyder，此时是没有问题的，然后打开Anaconda Prompt，查看有哪些包，pip list 这时候开始首次安…
阅读更多...
k8s之Pod控制器

k8s之Pod控制器

目录 一、Pod控制器及其功用二、pod控制器的多种类型2.1 pod容器中的有状态和无状态的区别 三、Deployment 控制器四、SatefulSet 控制器4.1 StatefulSet由以下几个部分组成4.2 为什么要有headless？4.3 为什么要有volumeClaimTemplate？4.4 滚动更新4.5 扩…
阅读更多...
Rocketmq Filter 消息过滤（TAGS、SQL92）原理详解 源码解析

Rocketmq Filter 消息过滤（TAGS、SQL92）原理详解 源码解析

1. 背景 1.1 Rocketmq 支持的过滤方式 Rocketmq 作为金融级的业务消息中间件，拥有强大的消息过滤能力。其支持多种消息过滤方式： 表达式过滤：通过设置过滤表达式的方式进行过滤 TAG：根据消息的 tag 进行过滤。SQL92&#xff1a…
阅读更多...
【每日一题】—— B. Maximum Rounding（Codeforces Round 891 (Div. 3)）

【每日一题】—— B. Maximum Rounding（Codeforces Round 891 (Div. 3)）

🌏博客主页：PH_modest的博客主页 🚩当前专栏：每日一题 💌其他专栏： 🔴 每日反刍 🟡 C跬步积累 🟢 C语言跬步积累 🌈座右铭：广积粮，缓称…
阅读更多...
UNIX网络编程——UDP协议，CS架构

UNIX网络编程——UDP协议，CS架构

目录 一.socket创建通信的套接字 二.IPv4地址结构 三.通用地址结构 四. 两种地址结构的使用场合 五.sendto发送数据 六.bind固定地址信息​编辑 七.recvfrom接受UDP的消息​编辑 一.socket创建通信的套接字 二.IPv4地址结构 三.通用地址结构 四. 两种地址结构的使用场合…
阅读更多...
MySQL— 基础语法大全及操作演示！！

MySQL— 基础语法大全及操作演示！！

MySQL—— 基础 一、MySQL概述1.1 、数据库相关概念1.2 、MySQL 客户端连接1.3 、数据模型 二、SQL2.1、SQL通用语法2.2、SQL分类2.3、DDL2.4、DML2.5、DQL2.6、DCL 三、函数四、约束五、多表查询六、事务 一、MySQL概述 1.1 、数据库相关概念 数据库、数据库管理系统、SQL&a…
阅读更多...
sql server 删除指定字符串

sql server 删除指定字符串

replace方法 update #test set FIVCODEreplace(FIVCODE,440,) WHERE SOURCEFENTRYID140728
阅读更多...
嵌入式软件测试-测试类型

嵌入式软件测试-测试类型

使用质量属性来定义测试类型，即回归到测试类型的本质。 如果测试负载在系统允许的负载范围内，那测试的是系统的功能，此时的测试属于功能性测试；若在此基础上再加大测试时间，那就是稳定性测试了，此时关注的…
阅读更多...
有哪些常用的设计素材网站？

有哪些常用的设计素材网站？

素材网站可以是设计师和创意人员的灵感来源。这些网站收集了各种类型的平面设计图片，包括标志、海报、网站设计、包装设计、插图等。在本文中，我将推荐15个平面设计图素材网站，以帮助您找到新的想法和灵感。 1.即时设计资源社区 即时设计资…
阅读更多...
8月8日上课内容 研究nginx组件rewrite

8月8日上课内容 研究nginx组件rewrite

location 匹配uri location 匹配的规则和优先级。（重点，面试会问，必须理解和掌握） nginx常用的变量，这个要求掌握 rewrite：重定向功能。有需要掌握，有需要理解的。 location匹配：…
阅读更多...
【RabbitMQ】golang客户端教程5——使用topic交换器

【RabbitMQ】golang客户端教程5——使用topic交换器

topic交换器（主题交换器） 发送到topic交换器的消息不能具有随意的routing_key——它必须是单词列表，以点分隔。这些词可以是任何东西，但通常它们指定与消息相关的某些功能。一些有效的routing_key示例：“stock.usd.ny…
阅读更多...
角角の Qt学习笔记（一）

角角の Qt学习笔记（一）

目录 一、解决在创建新项目时遇到的几个问题 二、信号和槽（非自定义） 三、调用 UI 中的元素（比如按钮） 一、解决在创建新项目时遇到的几个问题 在新建项目时，我选择的构建系统为CMake。然后勾选了Generate form&…
阅读更多...
程序员月薪3w、4w难吗？该如何突破？

程序员月薪3w、4w难吗？该如何突破？

先说结论，如果你能成为互联网大厂的程序员，那么恭喜你，你的月薪大概率能达到3w、4w，甚至更高，此外一些非互联网大厂的程序员，比如金融、汽车制造等，月薪突破3w、4w的概率也非常高，但…
阅读更多...
分享一个计算器

分享一个计算器

先看效果&#xff1a; 再看代码&#xff08;查看更多&#xff09;&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>计算器</title><style>* {box-sizing: border-box;}body…
阅读更多...
threejs点击模型实现模型边缘高亮的选中效果--更改后提高帧率

threejs点击模型实现模型边缘高亮的选中效果--更改后提高帧率

先来个效果图 之前写的那个稍微有点问题&#xff0c;帧率只有30&#xff0c;参照官方代码修改后&#xff0c;帧率可以达到50了&#xff0c;在不全屏的状态下&#xff0c;帧率60 1.首先需要导入库 // 用于模型边缘高亮 import { EffectComposer } from "three/examples/js…
阅读更多...
React Native 样式布局基础知识

React Native 样式布局基础知识

通过此篇笔记能够学习到如下的几个知识点 在 React Native 中使用样式的一些细节了解 React Native 的 Flex 布局概念了解 React Native 的 flex 布局属性React Native 如何添加多样式属性React Native 中绝对布局和相对布局 React Native 中的 Flex 布局概念 1、主轴和交叉…
阅读更多...
06-1_Qt 5.9 C++开发指南_对话框与多窗体设计_标准对话框

06-1_Qt 5.9 C++开发指南_对话框与多窗体设计_标准对话框

在一个完整的应用程序设计中&#xff0c;不可避免地会涉及多个窗体、对话框的设计和调用&#xff0c;如何设计和调用这些对话框和窗体是搞清楚一个庞大的应用程序设计的基础。本章将介绍对话框和多窗体设计、调用方式、数据传递等问题&#xff0c;主要包括以下几点。 Qt 提供的…
阅读更多...
JavaWeb 速通Cookie

JavaWeb 速通Cookie

目录 一、关于base标签 1.引入 : 2.介绍 : 3.实例 : 4.细节 : 二、Cookie的引入 1.会话技术 : 1 什么是会话技术&#xff1f; 2 会话技术用于解决什么问题&#xff1f; 2.Cookie介绍 1 Cookie有什么用&#xff1f; 2 Cookie通讯机制 三、Cookie的基本使用 1.创建Cookie…
阅读更多...
【数据结构】带你图文结合深入栈和队列，并具体分步实现

【数据结构】带你图文结合深入栈和队列，并具体分步实现

君兮_的个人主页 勤时当勉励 岁月不待人 C/C 游戏开发 Hello,米娜桑们&#xff0c;这里是君兮_&#xff0c;我们继续来学习初阶数据结构的内容&#xff0c;今天我们要讲的是栈与队列部分的内容&#xff0c;这篇博客先讲栈&#xff0c;队列我们放到下次再讲 好了&#xff0c;废…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023