Vuepress: Unable to override default SVG loader

[Tolmark12]

I'm currently unable to use vue-svg-loader to load svgs in my .vue files.

I assume this is because vuepress uses file-loader to load svgs. (see : createBaseConfig.js#L150).

Is there a way to override the default vuepress svg loader?

I've tried:

config.js:

chainWebpack: config => {
    config.module
      .rule('svg')
      .test(/\.svg$/)
      .use('vue-svg-loader')
        .loader('vue-svg-loader')
        .end()
}

[ulivz]

You need to remove the default rule first:

config.module.rules.delete('svg')
config.module
  .rule('svg')
    .test(/\.svg$/)
    .use('vue-svg-loader')
      .loader('vue-svg-loader')
      .end()

[Tolmark12]

Thank you worked perfectly!