解决vue脚手架下svg无法改变大小
2019-04-21 本文已影响0人
李昂李三光
在命令行里面添加以下依赖
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
写入配置