Global variables defined in vite.conf are not inserted in aliased javascript if it is load into page outside vite

[igieon]

I have problem if i insert js into cusotm page enviroment variables are not injected. How to modify dev mode or source typescript to insert this variables i have defined alias like:
resolve: { alias: {"/js/webcomponents/test.js": resolve(__dirname, "src/test.ts")}}

As i look if i insert into index.html html page is modified to insert:
<script type="module" src="/test/@vite/client"></script>

and inside of this script is import:
import "/test/@fs/home/igi/workspaces/project/node_modules/vite/dist/client/env.mjs";

how to achieve when i go to url:
/js/webcomponents/test.js it will import also /test/@fs/home/igi/workspaces/project/node_modules/vite/dist/client/env.mjs

I found if manually add import into test.ts variables is define:
import "/test/@vite/client";

How to achieve it in vite config to happen automatically. I think via plugin but here i am not clear how to get exact url /test/@vite/client .

[igieon]

Ok writing custom plugin was easy so if someone has similar problem just use this:

const injectViteClientInDevModePlugin = (...sources: string[]): PluginOption => ({
  name: "inject-vite-client",
  enforce: "pre",
  transform(code: string, id: string) {
    if (process.env.NODE_ENV !== "development") return;
    if (sources.some((source) => id.endsWith(source))) {
      if (!code.includes("@vite/client")) {
        code = `import "/@vite/client";\n${code}`;
      }
      return { code, map: null };
    }
  },
});