A plugin created to simplify the deployment process: there is no need to build a docker image every time you change environment variables.
yarn add vite-runtime-env-script-plugin
npm install vite-runtime-env-script-plugin
Add runtimeEnvScript
plugin to vite.config.js / vite.config.ts
and provide a list of environment variable names:
// vite.config.js / vite.config.ts
import { runtimeEnvScript } from "vite-runtime-env-script-plugin";
export default {
plugins: [runtimeEnvScript({ variables: ["BASE_URL"] })],
};
To access the environment variables use the built-in getter:
import { getRuntimeEnv } from "vite-runtime-env-script-plugin/getRuntimeEnv";
const baseURL = getRuntimeEnv("BASE_URL");
CMD ["/bin/sh", "-c", "envsubst < /usr/share/nginx/html/template-runtime-env.js > /usr/share/nginx/html/runtime-env.js && nginx -g \"daemon off;\""]