在命令行里面添加以下依赖
npm install vue-svg-loader -D
在使用vue脚手架的情况下,svg无法通过设置宽高进行大小的设置,其原因是因为svg的viewBox属性被vue脚手架关掉了,因此需要在在node_modules文件夹先找到svg-to-vue文件夹,然后进行修改
svgoConfig = {
plugins:[
{
removeViewBox:false
}
]
}
还有另外一种更加通用的方法,就是在vue.config.js
里面使用option
写入配置