解决vue脚手架下svg无法改变大小

在命令行里面添加以下依赖

npm install vue-svg-loader -D

在使用vue脚手架的情况下，svg无法通过设置宽高进行大小的设置，其原因是因为svg的viewBox属性被vue脚手架关掉了，因此需要在在node_modules文件夹先找到svg-to-vue文件夹，然后进行修改

svgoConfig = {
        plugins:[
            {
                removeViewBox:false
            }
        ]
    }

svg

还有另外一种更加通用的方法，就是在vue.config.js里面使用option写入配置

svgo