[ Vue ] vue-cli3生成项目下的自定义 svg 图标库

前置步骤：添加依赖

yarn add svg-sprite-loader -D

[可选] yarn add svgo svgo-loader -D

依赖说明：

svg-sprite-loader

sprites 会被自动渲染和注入页面，您只需通过 <svg><use xlink:href="#id"></use></svg>

工作原理是: 利用svg的symbol元素，将每个icon包括在symbol中，通过use元素使用该symbol.

 svgo svgo-loader

用于精简 svg 代码

第一步：创建图标库文件夹

第二步：配置 vue.config.js

const { resolve } = require('path')

module.exports = {
  cha