svg在vue项目中的使用

分享下在项目中使用svg文件的过程。

1.下载依赖包

npm i [email protected]

2.配置vue.config.js

3.创建src/icons文件夹，将svg文件都存在这里，并在里面的index.js中导入所有svg文件，并注册全局组件。

4.在main.js中直接导入svg配置

5.在页面中使用svg文件

<svg-icon icon-class="button"/>