关于vue-cli4 使用 svg-sprite-loader

vue-cli4 使用 svg-sprite-loader

不得不说一句，网上的文章大多有点坑，很多都是相互复制，我被别人坑了。废话少说，文章具有时效性，这里只是针对我遇到的情况，我使用的vue-cli使用的版本是4.5.11。（提示我这边使用的是Vue2的用法，关于Vue3的话，在最下方提供参考。。。）

vue.config.js

module.exports = {
   
    lintOnSave: false,
    chainWebpack(config) {
   
        const svgRule = config.module.rule('svg');

        svgRule.uses.clear();

        svgRule.use('svg-sprite-loader')
            .loader('svg-sprite-loader')
    }
}

这里贴出官方的做法 添加链接描述
因为vue-cli4 对svg有默认的loader,所以我们这边应该对已有loader替换。还好我看官方文档，刚好举svg的做法，否则。。。。惨啊，这帮互相抄文章的，也不知道验证一下，坑爹。无fuck说。

其他的做法依旧，组件用法

<template>
  <svg
    :class="getClassName"
    :width="width"
    :height="height"
    aria-hidden="true">
    <use