您可以尝试禁用代码压缩,或者在代码压缩之前将 SVG 文件转换为 Base64 编码的字符串,以避免这个问题。 Webpack 配置问题:如果您使用 Webpack 进行打包,可能需要配置相应的 loader,以支持 SVG 图标的加载和渲染。您可以检查 Webpack 配置文件中是否包含 SVG 文件的 loader,并确保其正确配置。您可以参考 Webpack 的...
组件库打包后有一个_virtual文件夹,图标在这里。vitepress 本地dev可以看到,是它启动一个devserver,服务可以去查找import 'virtual:svg-icons-register' build不行,是因为vitepress将所有内容打包到app.[hash].js文件中,而图标文件未被打包。 可在theme/index.ts文件中主动动态导入一下即可。import (you-element/_v...
Vite是一个基于浏览器原生ES模块依赖解析和打包工具的构建工具。它的核心特点是快速的热重载和冷启动速度。在Vite中,vite-plugin-svg-icons是一个非常实用的插件,它可以将SVG图标转换为Vue组件并自动导入。 1. SVG图标的优势 SVG(可缩放矢量图形)是一种基于XML的矢量图像格式,它适用于各种不同分辨率的屏幕,并且可以...
本地运行并打包成功,在服务器上报错,打开package.json查看依赖的版本号: vite-plugin-svg-icons版本号被修改了,此版本过低导致报错。 原因是服务器上的npm没有装淘宝镜像。 解决: 安装淘宝npm(cnpm) npm install -g cnpm --registry=https://registry.npm.taobao.org 再重新安装依赖,成功啦~...
打包后,会在根目录下生成一个 stats.html文件,用浏览器打开后,如下图: vite-plugin-restart 通过监听文件修改,自动重启 vite 服务 最常用的场景就是监听 vite.config.js 和 .env.development 文件,修改 vite 配置文件和环境配置文件,是需要重启 vite 才会生效,通过这个插件,在修改上述两个文件则不需要重新运行 ...