vite-plugin-federation vite联邦federation
使用vite webassembly 功能简化tinygo webassembly 初始化
vite 对于webassembly 的加载支持url 模式以及init 模式，init 模式可以自动帮助我们生成wasm文件加载的处理代码 比较方便，可以用来替换自己编写的工具类，以下是一个参考使用 参考使用 index.js import init from './main.wasm?init' ......
prometheus几种高可用架构介绍及联邦架构部署
**问题背景：**单个prometheus性能到达瓶颈问题、多个prometheus-server数据汇总问题等 **prometheus监控数据持久化** 首先大家都知道prometheus是自带数据存储功能的。优点是简单易用，基本无需配置缺点是：1、存在数据无法长久保存（尤其是频繁变更的监控对象 ......
vite多入口
创建多页面入口 1.在根目录下创建 demo1.htm1，demo2.htm1这两个文件 2.在vite.config.js文件中配置入口 3.在src下创建文件夹和文件，src/demo1/app.vue和src/demo1/main.js demo1.htm1 <!doctype html> < ......
vue3 + vite 的Excel表格的导入导出
一、安装XLSX插件 yarn add xlsx 或者 npm i xlsx 二、引入插件 在你需要的页面或者在main.js中引入 import * as XLSX from 'xlsx' 三、导出Excel 3.1 核心api ① xlsx.utils.book_new() 新建工作簿 ② xl ......
vite.config.js配置详解
import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue' export default defineConfig({ // ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
npm i @vitejs/plugin-legacy npm i @babel/preset-env npm i terser import legacy from '@vitejs/plugin-legacy'; export default defineConfig({ base:"./", ......
问题：vue3 使用 vite 构建的项目打包后无法打开index.html文件，或者显示一片空白
一、问题描述 项目build之后，点击dist文件中的index.html文件，打开是空白，提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
为什么vite-mock-plugin打包后控制台-网络中看不到请求？
在使用 Vite 构建的项目中，如果你使用 vite-plugin-mock 插件来模拟请求，在打包后的生产环境中，默认情况下是不会在控制台看到请求的输出的。这是因为在生产环境中，模拟服务器已经被编译为静态的 JSON 数据，而不是真正的运行时服务器。 如果你希望在生产环境中查看模拟请求的输出，可以 ......
基于Electron27+Vite4+React18搭建桌面端项目|electron多开窗口实践
前段时间有分享一篇electron25+vite4搭建跨桌面端vue3应用实践。今天带来最新捣鼓的electron27+react18创建跨端程序、electron多开窗体(模拟QQ登录窗口切换主窗口)、自定义无边框窗口拖拽导航栏的一些知识分享。 electron团队更新迭代比较快，目前稳定版本已经 ......
关于Vite辨别当前环境
Vite 是一个现代化的前端构建工具，它提供了内置的环境变量来辨别当前环境是生产环境还是开发环境。在 Vite 中，可以通过检查 import.meta.env 对象来获取当前环境的信息。 import.meta.env 对象包含了一些常用的环境变量，其中最重要的是 MODE 变量。MODE 变量表 ......
Vite+Vue3 加载速度优化
可以考虑从以下几个方面优化。整体思路：1.减小打包体积。2.异步加载。 静态资源拆分打包 在常规打包方法下，所有的第三方依赖将会都打包在一个 vendor.js 文件里，首次打开页面时，服务器会先加载这个大文件，导致白屏时间过长。 而我们打包时，事先将依赖拆分成很多小文件各自进行打包，便可以实现异步 ......
编写Vite自定义plugin
Vite插件依赖于Rollup，遵循Rollup规则 每次在其他文件中调用`import ... from ...` 便会执行该插件 最终将该`import`得到的数据转化为自定义插件load()返回的数据 必须定义plugin name 编写resolveId(id)：用于解析import文件、模 ......
在Vite项目中使用scss创建全局变量
配置 这个也就是配置全局scss的过程，在vite.config.ts的defineConfig中添加属性，其中additionalData为scss中引入文件的书写方式： // scss全局变量的配置 css: { preprocessorOptions: { scss: { javascript ......
在Vite构建的项目中使用svg图标
安装插件 这里使用yarn来安装vite-plugin-svg-icons插件 yarn add vite-plugin-svg-icons 文件配置 在vite.config.ts中进行文件配置，首先是引入插件，其次是在plugins中添加配置 iconDirs中存放的就是图标文件地址数组，这里的 ......
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
vite学习笔记
深入浅出vite 1、前端构建工具的痛点 模块化方面，提供模块加载方案，并兼容不同的模块规范。 语法转译方面，配合 Sass、TSC、Babel 等前端工具链，完成高级语法的转译功能，同时对于静态资源也能进行处理，使之能作为一个模块正常加载。 产物质量方面，在生产环境中，配合 Terser等压缩工具 ......
Effective C++ 笔记-1.1视C++为一个语言联邦
应当这样正确的看待C++语言，将C++视为一个由相关次语言组成的联邦，而非单一语言。每种次语言都有自己的守则，当你从一个次语言移向另一个次语言，守则可能改变。 其主要的次语言总共有4个： C: Object-Oriented C++; Template C++: STL: ******C++高效编程 ......
vue3+vite import 引入ThreeBSP库 报错
我在网上查了一下 先用 npm 下载了三方包 npm i three-js-csg 再使用 const ThreeBSP = require('three-js-csg')(THREE) 的方法引入 出现了这个报错 查了是因为require 是webpack 里的 vite不支持 所以找不到 然后我 ......
vite.config.js base 与 vue-router base
vite.config.js base 决定了打包后，资源引用的前缀 base:'/hlw/' link ref='/hlw/assets' 打包后的dist要放到 /hlw 路径下 base 的值 与 process.env.BASE_URL、import.meta.env.BASE_URL一致 ......
npm init vite@latest vue3study --template vue
D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs ......
尤雨溪：Vite的现状与未来展望
10 月 5 日 - 6 日，ViteConf 2023 在线举行，Vue 和 Vite 的创建者尤雨溪发表了题为《The State of Vite》 的演讲，他分享了 Vite 的现状与未来展望，本文就来看一看 Vite 现在怎么样了，以及未来的路将怎么走！ Vite 版本发布情况 首先，来快速 ......
Vite 自动导入
unplugin-auto-import 官网：https://github.com/unplugin/unplugin-auto-import 安装 pnpm add -D unplugin-auto-import 使用 // ~/vite.onfig.ts import AutoImport f ......
vue3+vite+ elementplus项目部署到gitee pages并发布
1.在gitee上新建仓库 命名：demo-vite-vue3 2.把新建的仓库克隆到本地 3.在本地的master分支编写代码并上传 把分支定位在master分支上 通过git工具把本地完成的代码上传到gitee的demo-vite-vue3仓库中去 git pull git add . git ......
使用vite创建vue3项目
vite是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成； 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。 ......
基于react18+vite4+arco.design搭建极简版后台管理模板
趁着国庆前夕整了一个vite4结合react18搭建后台管理模板，搭配上字节团队react组件库ArcoDesign，整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块，用心打 ......
【流行前沿】DRAG Divergence-based Adaptive Aggregation in Federated learning on Non-IID Data
今天再分享一篇9月的联邦学习领域处理异构数据分布的文章。看挂名是复旦的王昕，总的来说只能算是踏实的工作，但是新意上确实不太够。 文章的主要处理对象是解决异构数据在联邦训练中的client-drift问题，当然与很多相似论文一样，也将这个方法迁移到了拜占庭攻击的防范上。不过这个robustness仅通 ......
vite+vue3项目发布到手机
1.修改vite.config.js export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, s ......
vite_vite.config.js配置代理与websocket代理
export default defineConfig({ server: { proxy: { "/proxy": { target: "http://121.10.140.87", // 线上服务器IP地址 changeOrigin: true, ws: true, rewrite: (path ......
vite中静态资源的处理
public目录 public 目录是存放静态资源的一种方式。 2.项目初始化时默认public作为静态资源服务的文件夹。我们可以在vite.config.js中修改publicDir。 3.该目录中的文件开发期间在 / 处提供，并在构建期间将public文件夹下的文件（不包含public本身）复制 ......
异质数据环境下的联邦学习
近年来，大量数据的产生和边缘设备算力的提高，以及对数据隐私的要求使得以联邦学习为代表的分布式机器学习得到研究关注。传统的联邦学习优化方法如FEDAVG由于其简单实现且具有较低的通信代价得到了广泛的应用，但是其在异质数据环境下很难取得优秀的效果。联邦学习中各客户端的数据分布是非独立同分布的（Non-I ......