Vite escapes characters from index.html src tag

Question

Vite escapes characters from index.html src tag

86 views Asked by yory100 At 25 November 2024 at 09:44

I am trying to generate index.html with Vite that has unescaped variable in src tag, but Vite is always escaping it

What I want is this:

  <!DOCTYPE html>
  <html lang="en">
    <head>
       <script type="module" src="/{{ variable }}/assets/index.js"></script>
    </head>
    <body>
    </body>
  </html>

But after building with Vite it is transformed to

  <!DOCTYPE html>
  <html lang="en">
    <head>
       <script type="module" src="/%7B%7B%20variable%20%7D%7D/assets/index.js"></script>
    </head>
    <body>
    </body>
  </html>

I am trying to accomplish that by setting base property in Vite configuration as follows

{
   base: "/{{ variable }}"
}

But obviously not working

Original Q&A

There are 1 answers

**yory100** · Answer 1 · 2023-11-13 07:28:08

yory100 On 13 November 2023 at 07:28

I ended writing my own plugin, something like that:

plugins: [{
   name: "transform-index-html",
   transformIndexHtml(html) {
        return html.replaceAll("/value_to_replace", "{{ new value }}");
   },
}]

TechQA.

Vite escapes characters from index.html src tag

There are 1 answers

Related Questions in HTML

Related Questions in VITE

Related Questions in INDEX.HTML

Popular Questions

Popular Tags

Trending Questions