Transform env variables during build time with typescript

Question

Trying to find a clean way to statically transform process.env environment variables using tsc. Basically I'm trying to achieve what babel-plugin-transform-inline-environment-variables does using the typescript complier.

Most issues on the web involve getting the compiler to behave with process.env and other solutions recommend tools like dotenv to store env vars for later use.

This is particularly useful when environment variables do not contain sensitive information. Example:

export const VERSION = process.env.VERSION;

Build:

VERSION='1.2.3' npx tsc --project tsconfig.json

Desired output:

export const VERSION = '1.2.3';

user_1545556 · Answer

For the passersby I was able to solve this a few different ways:

Using babel you can use babel-plugin-transform-inline-environment-variables
Using tsc alone you'll need to pre/post-process transpiled code using some external program like awk, sed, or some other script
Using pika I wrote pika-plugin-inline-env for that
Webpack has a plugin for that: https://webpack.js.org/plugins/environment-plugin/
Rollup has a plugin for that: https://www.npmjs.com/package/rollup-plugin-inject-process-env

user_1659084 · Answer

I wrote https://www.npmjs.com/package/netlify-plugin-inline-functions-env-typescript to fix that, check the inlineAll param, it might be what you need.

Transform env variables during build time with typescript

2 Answers