Disable base64 representation

[mittalyashu]

Feature request

What problem does this feature solve?

We can use a direct image URL instead of base64 representation.

How should this be implemented in your opinion?

By writing custom webpack configuration

Are you willing to work on this yourself?**

I will try.

Links

• How to add logo in vuepress?

[ulivz]

I am sure that we can use image URL directly. or maybe I misunderstand what you want, so could you provide a reproduction link or usage? that will be more direct.

[mittalyashu]

I have used the image URL directly, but it converted into base64 representation.

Here's the repo link.

[ulivz]

@mittalyashu

If you don't want it to be converted, you should move the assets to .vuepress/public

Then, change:

<img src="./assets/img/stylechip-icon.png" alt="Stylechip logo icon">

to:

<img src="/assets/img/stylechip-icon.png" alt="Stylechip logo icon">

See:

• Public Files

[mittalyashu]

Okay, but apart from that if you can custom webpack configuration that would also be great.

[ulivz]

Okay, you need to remove the default rule first:

chainWebpack: config => {
  config.module.rules.delete('images')
  config.module
    .rule('images')
      .test(/\.(png|jpe?g|gif)(\?.*)?$/)
      .use('url-loader')
        .loader('url-loader')
        .options({
          // You options here, default options:
          // limit: 10000,
          // name: `assets/img/[name].[hash:8].[ext]`
        })
}

See:

• chainWebpack