说明:最近Vite3发布了，所以总结一下Vite有什么新的特性，本期为大家带来的是干货内容，所以大量的说明文字，没有图片之类，希望多多包涵。 一.发布背景 在v2发布后，采用率一直不断增长，每周npm就超过了100万的下载量，如今Vite3.0横空出世，它是下一代的前端工具链,而如今Vite正在推动Web框架的新一轮创新竞赛。二.Vite3.0有那些特性1.模板变更当你使用Vite创建Vue模板时候，你会发现主题与Vite的文档一致，同时扩展了暗色和亮色模式，我们知道手机一直以来都有深色模式,这无疑满足了广大用户的需求。 2.优化总体来说Vite3修复了400+issuse,减少了体积，冷启动
参考链接https://github.com/originjs/vite-plugin-federation/blob/main/README-zh.md，里面也有dome可以进行查看webpack也有这个插件，比vite好用，vite不支持本地，必须要打包后开启服务才可以先下载(只要用到的项目都需要进行下载)npminstall@originjs/vite-plugin-federation--save-dev1、新建两个vite+vue的项目（one,two项目名）one项目中（主）----vite.config.jsimage.png注意：上面图片中的shared这个里面要把你组件中使用
使用vue3+pinia2开发仿制chatgpt界面聊天实例Vue3-Chatgpt基于Vue3.x+Pinia2+VueRouter+Vue3-Markdown等技术构建仿ChatGPT网页端聊天程序。支持经典+分栏界面布局、light/dark模式、全屏+半屏显示、Markdown语法解析、侧边栏隐藏等功能。技术框架编辑工具：Cursor框架技术：Vue3+Vite4.x+Pinia2组件库：VEPlus(基于vue3桌面端组件库)国际化多语言：vue-i18n^9.2.2代码高亮：highlight.js^11.7.0本地存储：pinia-plugin-persistedstate^3.
首先你完成了如下：[Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑）](https://www.jianshu.com/p/1f503a350c38)[Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装）](https://www.jianshu.com/p/497af1d9db10)今天就讲讲父子通讯、兄弟通讯，以及ref、reactive的简单使用吧。父传子Ref基础的HelloWorle.vue就有就不多说了。#初始目录：![image.png](https://upload-images.jianshu.io/upload_images/28
项目场景：基于vue3版本的uniapp运行h5和微信小程序问题描述uniapp运行h5请求接口成功，运行微信小程序请求接口不成功vite.config.ts配置proxyimport{config}from"./.env"...server:{proxy:{'/dev-api/':{ target:config.BASE_API,changeOrigin:true,rewrite:path=>{returnpath.replace(/^\/dev-api/,'')}},}},....env配置请求接口域名exportconstconfig={BASE_API:fn(),}function
使用Vite构建工具，导致文件请求比较多，每个请求都需要三次握手四次挥手，而https可以多路复用，可以节约大量三次握手四次挥手时间，提升开发效率。要想使用https协议，必不可少的是颁发证书这个步骤。一、证书颁发可以使用OpenSSL来操作一堆命令生成，这里使用更简单的工具mkcert1、离线情况（win7系统）a.若没有shell工具，安装shell如果使用的是win7，系统是没有自带shell工具，需要手动安装WindowsManagementFramework下载地址若不可用，请自行百度下载地址:https://download.microsoft.com/download/6/F/5
Webpack的第一次发布是在2013年发布，长久以来是主流的前端打包工具。Vite的第一次发布是在2021年，是近两年来前端打包工具中的后起之秀，重点解决Webpack在开发阶段的开发痛点。截止2022.8，Webpack的GithubStar数61.6k，Vite的GithubStar数是46.6k。虽然Vite刚刚发布2年，但是热度可见一斑。下面我们来对Webpack和Vite的不同点进行比较，解释Vite之于Webpack性能优势来源于哪里？并且探讨为什么有人会说Vite快，有人却说慢。WebpackWebpack是一个基于打包器的构建工具，同一个入口文件的代码会打包成一个Bundle
Webpack的第一次发布是在2013年发布，长久以来是主流的前端打包工具。Vite的第一次发布是在2021年，是近两年来前端打包工具中的后起之秀，重点解决Webpack在开发阶段的开发痛点。截止2022.8，Webpack的GithubStar数61.6k，Vite的GithubStar数是46.6k。虽然Vite刚刚发布2年，但是热度可见一斑。下面我们来对Webpack和Vite的不同点进行比较，解释Vite之于Webpack性能优势来源于哪里？并且探讨为什么有人会说Vite快，有人却说慢。WebpackWebpack是一个基于打包器的构建工具，同一个入口文件的代码会打包成一个Bundle
关键词：vite2、vue3、element-plus问题产生：当前vue3版本3.1.5，更新了以下三个包后：@vitejs/plugin-vue，1.3.0到1.4.0@vue/compiler-sfc，3.1.5到3.2.2element-plus，1.0.2-beta.69到1.0.2-beta.70运行出现error，如下：UncaughtSyntaxError:Therequestedmodule'/node_modules/.vite/vue.js?v=50ccac76'doesnotprovideanexportnamed'createElementBlock'快速解决：原因是
vite最近非常火，它是vue作者尤大神发布前端构建工具，底层基于Rollup，无论是启动速度还是热加载速度都非常快。vite随vue3正式版一起发布，刚开始的时候与vue绑定在一起，但之后的v2版本便比较独立，vite不仅支持vue，还支持React、Preact、Vanilla等前端库。由于vite出现的时间不是很久，基于vite创建的项目没有vue-cli那么完整，如果要使用vue全家桶、ESLint等，还需要开发人员手动添加和配置，步骤稍多，略繁琐。虽然在创建项目时可以选择Customizewithcreate-vue，但我由于网络问题，一直没有成功过。所以我封装了一个cli用于快速创
