工程化:vite3+vue3中封装svgicon组件(一)

风清云淡_A

已于 2024-06-07 16:36:39 修改

阅读量436

点赞数

分类专栏： vue2/vue3 前端框架深度研究-vben 文章标签： javascript vue.js 前端

于 2022-12-13 05:37:30 首次发布

本文链接：https://blog.csdn.net/qq_27702739/article/details/128295803

版权

18 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

90 篇文章 3 订阅

订阅专栏

本文介绍了如何在Vite3和Vue3环境下封装SVGIcon组件，包括插件安装配置、配置文件设置、基础代码编写、组件注册和使用方法，提供了一个完整的封装过程。

摘要由CSDN通过智能技术生成

svgicon在项目开发中是必不可少的一个组件，使用起来非常方便且易于维护，那我们现在就封装这样一个组件

在这里插入图片描述

yarn add vite-plugin-svg-icons

build\vite\svgSprite.js

/**
 *  Vite Plugin for fast creating SVG sprites.
 * https://github.com/anncwb/vite-plugin-svg-icons
 */

import {
    createSvgIconsPlugin }

了解本专栏

关注

专栏目录