使用vite构建Vue3组件库，发布npm包在国内用vue框架开发的是非常之多的，使用vue开发组件封装是一个很普片的事情了，封装好一个组件可以在项目的任意地方去使用，我们还可以从npm仓库下载别人封装的组件进行使用，比如element-ui,vant等组件库，但是由于不同的公司，不同的网站风格，是我们在开发中还是得自己封装自己的组件，要想在不同项目上使用自己封装的组件，不可能去旧项目复制组件代码到新的项目里面去。所以我们可以将组件上传到npm仓库，使用的时候直接从npm安装使用。1.创建基础的vite脚手架npmcreatevitevite-demo(项目名称)--templatevue然后
1.npminstall报错解决方法：运行下列命令即可npmauditfix--force 2.vite创建vue3项目报错报错：FailedtoparsesourceforimportanalysisbecausethecontentcontainsinvalidJSsyntax.Install@vitejs/plugin-vuetohandle.vuefiles. 解决方法： 1）安装@vitejs/plugin-vuenpmi@vitejs/plugin-vue 2）重新npminstallnpminstall 3）添加配置文件vite.config.js //vite
目录一：vite构建项目配置base 二:路径别名三：生产环境移除log+跨域 vite.config.ts完整代码：四：引入element-plus组件库cdn安装命令 引入到vite.config.ts使用在插件中下载element-plus五：代码压缩六:图片压缩6.1五个超强图片处理网站，使用简单，人工智能老照片修复，背景移除，在线抠图，图片压缩！七：字蛛字体压缩字体在vue项目中使用 八：package.json前言：webpack打包看这里（移动端打包）一步一步,一步从代码到,打包成为手机App,上传至nginx服务器(Vue项目)_0.活在风浪里的博客-CSDN博客_移动端打包成
一、技术栈选择1.代码库管理方式-Monorepo：将多个项目存放在同一个代码库中▪选择理由1：多个应用（可以按业务线产品粒度划分）在同一个repo管理，便于统一管理代码规范、共享工作流▪选择理由2：解决跨项目/应用之间物理层面的代码复用，不用通过发布/安装npm包解决共享问题2.依赖管理-PNPM：消除依赖提升、规范拓扑结构▪选择理由1：通过软/硬链接方式，最大程度节省磁盘空间▪选择理由2：解决幽灵依赖问题，管理更清晰3.构建工具-Vite：基于ESM和Rollup的构建工具▪选择理由：省去本地开发时的编译过程，提升本地开发效率4.前端框架-Vue3：CompositionAPI▪选择理由：
一说到创建桌面应用，就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。之前也有使用vite2+vue3+electronc创建桌面端项目，不过 vue-cli-plugin-electron-builder 脚手架插件构建的项目electron版本只有13.x。如今electron版本都到了24，显然不能再用之前的方法创建项目了。于是闲暇时间就捣鼓了electron24+vite4搭建桌面程序，中间踩了不少坑，现记录如下，希望对大家有所帮助~~版本信息vite:^4.3.2vue:^3.2.47elec
在vite.config.js中配置import{resolve}from"path"exportdefaultdefineConfig({plugins:[vue()],//配置根路径resolve:{//↓路径别名，主要是这部分alias:{"@":resolve(__dirname,"./src")}}})如果在ts中使用可能会报错：解决方案：npminstall--save-dev@types/node配置根路径后，引入文件可能会报红：vue3+ts报错：找不到模块“@/xxx”或其相应的类型声明。，或者是引入.vue文件的时候报红：vue3+ts报错：找不到模块“./views/lo
最近React发布了全新的文档，文档中已经不再将create-react-app(CRA)作为搭建React应用的推荐方式，而是推荐了很多其他方式，包括Vite、Next.js、Remix、Gatsby等，下面就分别看看这些方式都有哪些优缺点，2023年该如何做出选择！ViteVite很显然是create-react-app(CRA)的继任者，因为它与CRA没有太大的区别。与create-react-app（使用Webpack）相比，它要快得多，因为它在底层使用了esbuild。和create-react-app(CRA)一样，Vite也更倾向于使用客户端路由和渲染来创建单页面应用（SPA）。
最近React发布了全新的文档，文档中已经不再将create-react-app(CRA)作为搭建React应用的推荐方式，而是推荐了很多其他方式，包括Vite、Next.js、Remix、Gatsby等，下面就分别看看这些方式都有哪些优缺点，2023年该如何做出选择！ViteVite很显然是create-react-app(CRA)的继任者，因为它与CRA没有太大的区别。与create-react-app（使用Webpack）相比，它要快得多，因为它在底层使用了esbuild。和create-react-app(CRA)一样，Vite也更倾向于使用客户端路由和渲染来创建单页面应用（SPA）。
写这篇多少有点心情复杂，毕竟因为一个巨巨巨巨没意思的bug卡了两整天…废话不多说啦，开篇入题叭，希望大家都能改好自己的bugggggg！！！1.vite.config.js配置注意：因为我是用vite创建的，不是vue-cli，当时搜了好多教程都教的是新建一个vue.config.js，发现根本没有生效，所以，如果使用vite创建的项目就在vite.config.js里面配置如下代码：以我要访问的疫情数据api为例，原api地址：https://api.inews.qq.com/testaxios/newsqa/v1/automation/modules/list?modules=FAutoC
概述 不管使用什么脚手架，配置代理都是绕不开的话题 ，server.proxy 为开发服务器配置自定义代理规则。期望接收一个 {key:options} 对象。如果key值以 ^ 开头，将会被解释为 RegExp。configure 可用于访问proxy实例。官网地址更多详细配置 http-proxy相关配置在vue3项目中，找到 vite.config.ts文件，在其中进行vite的相关配置.下面展示选项 写法（可解决跨域问题）server:{port:8080,proxy:{"/api":{target:"http://localhost:7001",//所要代理的目标地址c
