thehighhomie
@thehighhomie

Vue-svg-loader: удаляет все цвета у иконок?

Для сборки использую vue cli 3.0.

Поставил vue-svg-loader.

Настроил:
// vue.config.js
module.exports = {
  chainWebpack: (config) => {
    const svgRule = config.module.rule('svg')

    svgRule.uses.clear()

    svgRule
      .use('vue-svg-loader')
      .loader('vue-svg-loader')
      .options({
        svgo: {
          plugins: [
            { prefixIds: true }
          ]
        }
      })
  }
}


Вывожу иконки-компоненты по документации, все работает, за исключением стилей. все цвета (в частности теги style) пропадают, иконки становятся просто черными.

Пробовал экспериментировать с svgo:
module.exports = {
  chainWebpack: (config) => {
    const svgRule = config.module.rule('svg')

    svgRule.uses.clear()

    svgRule
      .use('vue-svg-loader')
      .loader('vue-svg-loader')
      .options({
        svgo: {
          plugins: [
            { removeViewBox: false },
            { removeUselessDefs: false },
            { removeStyleElement: false },
            { minifyStyles: false },
            { convertStyleToAttrs: false },
            { convertColors: false }
          ]
        }
      })
  }
}


все равно не работает...

Как можно исправить это поведение?
  • Вопрос задан
  • 375 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы