svg-sprite-loader 分手后的思念是犯贱 2024-04-19 09:31 47阅读 0赞 ### svg-sprite-loader 是什么？ ### 它是用于创建SVG精灵图的Webpack加载程序。通过该插件可以将导入的SVG文件自动生成为symbol标签并插入进html中。 [官方源码][Link 1] ### svg-sprite-loader 怎么使用？ ### 1、安装 npm install svg-sprite-loader -D 2、创建一个通用的SvgIcon组件 <template> <!-- 自定义Svg图标组件 isExternal 是否是外部的svg资源 --> <div v-if="isExternal" :style="styleExternal" class="svg-external svg-icon" v-on="$listeners" /> <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName" /> </svg> </template> <script> import { isExternal } from '@/utils/validate'; export default { name: 'SvgIcon', props: { /* * [Link 1]: https://github.com/kisenka/svg-sprite-loader#installation
还没有评论，来说两句吧...