Can't use Env Variables in production build with TS and esbuild.target = "es2018"

[yojeek]

Describe the bug

When building from TS for production with

    esbuild: {
        target: "es2018",
    },

I'm getting warning [plugin:vite:esbuild] "import.meta" is not available in the configured target environment ("es2018") and will be empty.

So, instead of replacing import.meta.MY_VAR with values from .env file, i've got something like this in dist :

const import_meta = {};
var _a, _b, _c;
const config$1 = {
  API_URL: ((_a = import_meta.env) == null ? void 0 : _a.VITE_API_URL) || "http://localhost:3000",
  GRAPH_API_TYPE: ((_b = import_meta.env) == null ? void 0 : _b.VITE_GRAPH_API) || "filesystem",
  MODE: ((_c = import_meta.env) == null ? void 0 : _c.MODE) === "production" ? "production" : "development"
};

Reproduction

https://stackblitz.com/edit/vue3-vite-typescript-starter-qkcqjq?file=dist%2Fassets%2Findex-DPWZdT5y.js

Steps to reproduce

npm install && npm run build

System Info

See repro.

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vue3-vite-typescript-starter-qkcqjq (Open reproduction)