How to reuse var in vite.config.js that are defined in the same file?

[oleole39]

Hello,

I am trying to achieve the replacement of string <%= base_url_no_trailing_slash %>in index.html and create.html during Vite build based on this example: https://stackoverflow.com/a/75644929.

To do so, I put the following in vite.config.js:

const trimTrailingSlash = (str) => str.replace(/\/+$/g, '');

const transformHtmlPlugin = () => ({
    name: 'transform-html',
    transformIndexHtml: {
        order: 'pre',
        handler(html) {
            return html.replace(    
                /<%=\s*(\w+)\s*%>/gi,
                (match, p1) => data[p1] || ''
            );
        }
    }
});

export default {
  root: 'src/',
  publicDir: '../static/',
  base: './my_base_path/',
  build:
    {
      outDir: '../dist',
      emptyOutDir: true,
      sourcemap: true,
      rollupOptions: {
        input: {
          main: resolve(__dirname, 'src/index.html'),
          create: resolve(__dirname, 'src/create.html')
        }
      }
    },
  plugins:
    [
      transformHtmlPlugin({ base_url_no_trailing_slash: trimTrailingSlash(base) }),
    ]
}

However as such, the plugin won't work. base is undefined. Would there be a way for me to access it ?

[oleole39]

that was more of a JS issue, although I already don't remember what exactly.