自学内容网 自学内容网

Vue3 + Vite项目使用SVG图片

在项目引入SVG时报错 检查路径和SVG均没问题  遂发现需要安装插件后方可使用

1. 安装 vite-svg-loader 

pnpm install vite-svg-loader

2. 配置

在 vite.config.ts 中 配置如下代码

import vue from '@vitejs/plugin-vue';
import svgLoader from 'vite-svg-loader';

export default defineConfig({
    plugins: [vue(), svgLoader()],
})

重启项目后即可


原文地址:https://blog.csdn.net/weixin_46607967/article/details/140352911

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!