解决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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容