vite-browser-external vite external browser
vite 分包配置
一、默认打包结果 二、配置 node_modules 打到一个文件 结果 配置 // vite.config.js export default defineConfig(({ mode }: ConfigEnv): UserConfig => { const root = process.cwd( ......
external/exterior ; internal/interior
external/exterior ; internal/interior 一. external与exterior区别: 1. external=ex+tern（term界限）+al（a./n.尾缀） 词根term表示"界限，时间的界限是"学期"，"术语"代表这个词语能涵盖的意思范围有明确界限。 ......
解决vite 文件的部分热更新问题
项目中的文件，在写代码的时候突然不能热更新了，使用的是vite + vue3 可能是点击文件夹的时候不小心改变了文件名的大小写导致的，因为这个不能热更新，搞了好久，每次写完代码，都要重启项目才能看到改变。看到网上都说是文件名的引入导致的，检查了代码，果然是这个原因。 ......
vite_打包去除console
依赖版本 "vite": "^5.0.10" 在vite.config.js中写入以下 export default defineConfig({ plugins: [ vue(), ], // 添加以下配置去除打包后的代码中的console build: { minify: 'terser', t ......
Vite构建基本配置
通过vite.config.js 暴露出defineConfig函数实现构造，vite会读取defineConfig返回的配置对象，配置对象需要自行编写 defineConfig 该函数是vite工具助手函数，用来读取构建配置，其返回一个配置参数对象 通过查看源码得知，vite配置有以下可选非必要内 ......
vite_在项目中批量引入图片
一般而言, 在vue中引入图片会使用类似import slideImg1 from '@/assets/imgs/kenny-eliason-Ak5c5VTch5E-unsplash.jpg'这种方式, 但是当需要引入的图片数量众多的时候, 这么写就非常麻烦了. 参考vite+v3批量一次性引入本地 ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端，ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api，接口报错404 找错思路很重要，网上找到了很多Nginx配置信息，但是都不起作用，即使更换服务器重新部署也无法生效 后来才发现，ABPNEXT对于未找到对应实体的报错就是404，按照正常的程序逻辑，404 ......
electron-vite 安装， 打包下载资源失败，设置国内镜像
由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件（没有就创建）： npm的配置文件为用户根目录下的：~/. ......
vite启动后提示：Network: use --host to expose，且无法通过网络IP访问服务
 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个 ......
vite创建vue3项目
初始化项目 pnpm ：pnpm create vite 输入项目名称，选择前端框架，上下键选择，确定选择可直接回车进行下一项选择 选择类型，我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录，再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
Vite配置了proxy，查看代理接口地址
开发环境VIte配置了proxy，在控制台看不到实际请求的URL 可以在proxy使用byPass() 因为无法将其添加到请求头中，使用加到响应头方便查看 '/api': { target: env.VITE_NODE_ENV 'prod' ? 'https://***.com' : `https: ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
Extern关键字的用法和作用
Extern关键字的用法和作用 1. 简介 在Arduino编程中，Extern关键字用于声明外部变量。外部变量是在其他文件中定义的变量，但在当前文件中使用。这对于将程序拆分为多个文件以提高代码的组织性和可维护性非常有用。 2. 语法 使用Extern关键字的语法如下： arduinoCopy co ......
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node Add fsevents to your optimizeDeps exclude in your ......
Halcon 相机外部参数标定例程一（camera_calibration_external.hdev）
1.create_calib_data — Create a HALCON calibration data model 创建 一个HALCON 校准数据模型 2.read_cam_par — Read internal camera parameters from a file 从文件中读取相机内 ......
ubuntu python11 pip install 提示：error: externally-managed-environment
不安全的解决办法：一 pip install xyz --break-system-packages 不安全的解决办法：二 rm /usr/lib/python3.11/EXTERNALLY-MANAGED 建议的解决办法：三 python3 -m venv .venv source .venv/b ......
解决vite的跨域问题
报错信息 Access to XMLHttpRequest at 'http://localhost:3000/player' from origin 'http://localhost:4000/' has been blocked by CORS policy: No 'Access-Contr ......
vite+vue3 打包后页面空白现象
使用vite打包之后运行index.html空白，打开控制台发现报错: 解决方法： 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vite自动关闭端口号插件
关闭端口号插件 ❓：有时候我们需要强制将我们的端口号进行固定， 💡：我们在 server 中配置如下 server: { host: '127.0.0.1', port: 8000, strictPort: true, open: true, hmr: { overlay: false, }, / ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果： 一：换肤 1:用Pinia 小菠萝做状态管理。 2：根据自己需求写几套主题色（用于后面在html加载对应的主题颜色） 3: 自己写一个切换主题的页面 4：每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
C语言全局变量的extern+typedef函数指针+uvm_queue/pool/config_db/resource_db/barrier+接口设计分层+PCIe电气接口
C语言全局变量的extern 全局变量在不同的文件引用，需要加上extern，才能引用到。 如果没有extern关键词，则认为是一个定义，而不是引用，引发同名冲突。 函数也是一样。要在本文件引用其它文件的函数，需要增补extern关键字。 而其它文件，声明和定义过该函数。 typedef函数指针 h ......
Vite Components插件
作用 Components 引于 unplugin-vue-components，用于解决vue文件内无需手动引入组件，减少import的调用 基本配置 在vite配置文件中，作为插件使用 import { defineConfig } from 'vite' import Components f ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
Vite项目中静态资源 动态路径处理（Vite打包后无法显示静态资源）
适用场景： img标签是通过v-for动态指定src路径的，本地可以正常显示，一旦打包之后就无法在线上显示了。 Bug原因： Vite打包只会处理静态src路径，动态src路径只会原样保留。 <!-- 静态src会被处理为正确地址 --> <img src="@/assets/xx.png" /> ......
Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
k8s - Make a service can be accessed externally
apiVersion: v1 kind: Service metadata: name: zimple-bank-api-service spec: selector: app.kubernetes.io/name: zimple-bank-api ports: - protocol: TCP po ......