svg图标显示不出来，

Question

我全局引入svg-icon组件，也使用require.context引入了所有的svg图标，最好使用svg-sprite-loader解析，为啥图标就是出不来

Answer 1

Sunday 2021-12-15 11:01:54

你好：

制作 svgIcon 组件主要的关键点如下：

1. 指定  svg -> use 标签

2. 指定对应类名

3. 将 svg 图标资源，放入到项目中

4. 通过 require.context 注册 svg 图标

5. 通过 svg-sprite-loader 来处理 svg 的加载

如果图标无法显示，那么可以根据以上点进行下检查（修改了 vue.config.js 之后不要忘记重启项目哦~）