nuxt svgo输出style在开发环境正常,生产环境异常

解决办法:

defs中的style全转换为attr

options: {
  svgo: {
    plugins: [
      {
        inlineStyles:{
          onlyMatchedOnce: false // 关闭只内联匹配一次的选择器
        }
      }
    ]
  }
}

多个插件使用:

多个插件分开使用,合在一起没效果,只有第一个有效

options: {
  svgo: {
    plugins: [
      { prefixIds: true },
      {
        inlineStyles: {
          onlyMatchedOnce: false
        }
      }
    ],
  },
}

参考

SVGs not rendered properly in SSR (nuxt.js)

posted @ 2020-09-27 14:52  codesyofo  阅读(214)  评论(0编辑  收藏  举报