process.env is not defined in angular app

[abdallahkadour]

My webpack:

const webpack = require('@nativescript/webpack')
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
const dotenv = require('dotenv')
const packageJson = require('./package.json')

module.exports = (env) => {
  webpack.init(env)
  dotenv.config()
  const isUppercase = (key) => key.toUpperCase() === key
  const envKeys = Object.keys(env)

  let dotEnvValues = envKeys.filter(isUppercase).reduce((memo, key) => {
    return { ...memo, [key]: JSON.stringify(env[key]) }
  }, {})

  webpack.mergeWebpack({
    node: {
      global: true
    },
    resolve: {
      aliasFields: ['browser'],
      alias: {
        process: 'process/browser'
      },
      fallback: {
        stream: require.resolve('stream-browserify'),
        buffer: require.resolve('buffer/'),
        zlib: require.resolve('browserify-zlib'),
        util: require.resolve('util/'),
        fs: false
        // crypto: require.resolve('crypto-browserify')
      }
    }
  })

  //global.process.env = dotEnv
  webpack.chainWebpack((config) => {
    //config.plugin('polyfills').use(NodePolyfillPlugin)
    config.plugin('DefinePlugin').tap((args) => {
      console.log(JSON.stringify(args), args[0])
      Object.assign(args[0], dotEnvValues)
      console.log('the args in define')
      return args
    })
  })

  return webpack.resolveConfig()
}

Any ideas?

[rigor789]

What are you trying to achieve?

If you just want to access values from .env files in your app - you don't really need to do anything special, it's automatically handled by @nativescript/webpack (5.x+)

https://docs.nativescript.org/configuration/webpack#using-dotenv-files

Do note that you cannot do console.log(process.env) or enumerate it, as these values are statically replaced during build time. (Read more in the docs above - there's a note about this).

[alpha-mo]

why do people keep pointing to removed links at the docs? also I flipped the internet and I still can't make nativescript to read .env files even with a freshly created project

[rigor789]

Corrected link: https://docs.nativescript.org/configuration/webpack#using-dotenv-files