Настройте Vue -SVG-Loader в Vue .config. js

Question

Я использую Vue / cli версии 4.2.2, и я скачал vue -svg-loader, я следовал принятому здесь ответу Как я могу импортировать файл svg в Vue компонент? и согласно комментариям я должен настроить vue .config. js, но я не смог найти, как именно я должен его настроить.

В настоящее время это содержимое моего vue .config. js файла:

const path = require("path");

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'scss',
      patterns: [
        "./src/styles/global.scss"
      ]
    },
    svgLoader: {
      svgo: {
        plugins: []
      }
    }
  }
}

Как вы можете видеть, есть пустой массив, куда, я полагаю, мне нужно добавить что-то, хотя я понятия не имею, что ...

РЕДАКТИРОВАТЬ: В дополнение к отмеченному ответу, я должен был выполнить следующие шаги: Невозможно импортировать файлы SVG в машинописи <- Первый ответ && Я получил код от <a href="https://github.com/visualfanatic/vue-svg-loader/blob/master/docs/faq.md#how-to-use-this-loader-with-typescript" rel="nofollow noreferrer">https://github.com/visualfanatic/vue-svg-loader/blob/master/docs/faq.md#how -to-use-this-loader-with-typcript

Answer 1

Вам необходимо настроить webpack для использования vue -svg-loader, что-то вроде этого должно работать:

// vue.config.js
module.exports = {
  configureWebpack: {
    module: {
      rules: [{
        test: /\.svg$/,
        loader: 'vue-svg-loader'
      }]
    }
  }
}

Как указано в vue документации :

Самым простым способом настройки конфигурации веб-пакета является предоставление объекта для параметра configureWebpack в vue.config.js

PS: убедитесь, что в качестве зависимости vue -svg-loader используется в вашем проекте.