Having problem accessing environment variables within worker/index.js

[sergor5]

With this example below I was unable to get the environment variable by:

• process.env.DEBUG
• import.meta.env.DEBUG
• tried cross-env or dotenv

import { endianness } from 'os';
// just to check if polyfilledModules work
import util from 'util';
import { handleStaticAssets } from './static-assets';

const DEBUG = false; //set to TRUE when running in dev mode

addEventListener('fetch', async (event) => {
    const { pathname } = new URL(event.request.url);
    if (pathname.startsWith('/api')) {
        event.respondWith(handleRequest(event.request));
        return;
    }

    if (DEBUG) {
        // we skip miniflare and let vite handle the url
        event.respondWith(new Response('', { headers: { 'x-skip-request': '' } }));
    } else {
        // this will disable HMR in vite, so only for production
        event.respondWith(handleStaticAssets(event));
    }
});

async function handleRequest() {
    util;
    const obj = {
        __dirname: __dirname,
        __filename: __filename,
        cwd: process.cwd(),
        global: !!global,
        Buffer: !!globalThis.Buffer,
        process: !!process,
        endianness: !!endianness,
    };
    return new Response(JSON.stringify(obj));
}

Is there a way for that?

[Aslemammad]

Hey, did you try the vite way of accessing environment variable?

if it does not work then I guess this is a bug.

[sergor5]

This is my current vite.config.ts file:

import { defineConfig } from 'vite';
import tsconfigPaths from 'vite-tsconfig-paths';

import react from '@vitejs/plugin-react';
import vpc from 'vite-plugin-cloudflare';

export default defineConfig({
    plugins: [react(), tsconfigPaths(), vpc({ scriptPath: './worker/index.js' })],
});

---

Just added

    esbuild: {
        define: {
            DEBUG: `${process.env.NODE_ENV === 'development'}`,
        },
    },

to vite.config.ts file.

And tried to access it as const DEBUG = process.env.DEBUG; within worker/index.js but didn't help.

Is there a way that I could use console.log() within worker/index.js as it's not printing anything?

[Aslemammad]

How about this?

    esbuild: {
        define: {
            'process.env.DEBUG': `${process.env.NODE_ENV === 'development'}`,
        },
    },

[sergor5]

Nope... the same result😕