how to access custom variables ( defined in .env ) in craco.config.js ?

I want to change the @antd-prefix in CracoAntDesignPlugin, like below:

/* craco.config.js */

module.exports = function () {
  console.log('env....', process.env.REACT_APP_ANTD_PREFIX);
  return {
    eslint: {
      enable: true,
      mode: 'file',
    },
    plugins: [
      {
        plugin: CracoAntDesignPlugin,
        options: {
          customizeTheme: {
            '@ant-prefix': process.env.REACT_APP_ANTD_PREFIX,
          },
          customizeThemeLessPath: path.join(
            __dirname,
            'src/styles/antd.theme.less'
          ),
        },
      },

REACT_APP_ANTD_PREFIX is already defined in .env, but I got undefined here. Is there any way to get the right result ?

[namnm]

Try: Install dotenv then add require('dotenv/config') at the top of your craco.config.js

[pinggi]

If you use CRA, you can just import the react script that loads the env files.

After this line in your craco.config.js file:

require('react-scripts/config/env');

you will able to access the env vars defined in your env files.