webpack构建的项目process.env.base_api报undefinde

当我们使用 webpack 构建项目时，如果在项目中使用了 `process.env.base_api`，但却报出 `undefined` 的错误，可能是由于没有正确配置环境变量或者没有将环境变量传递给 webpack。

首先，我们需要创建一个配置文件，例如 `.env`，并在其中设置环境变量 `base_api` 的值。示例配置文件内容如下：

base_api=http://api.example.com

接下来，我们需要确保将这些环境变量传递给 webpack。打开 webpack 的配置文件（通常为 webpack.config.js 或者 webpack.prod.config.js），以 webpack 4 为例，配置文件内容如下：

const webpack = require('webpack');
const dotenv = require('dotenv');

module.exports = () => {
  // 加载环境变量配置文件
  const env = dotenv.config().parsed;
  
  // 创建一个新的全局变量插件，将环境变量传递给 webpack
  const envKeys = Object.keys(env).reduce((acc, curr) => {
    acc[`process.env.${curr}`] = JSON.stringify(env[curr]);
    return acc;
  }, {});

  return {
    plugins: [
      new webpack.DefinePlugin(envKeys)
    ]
    // 其他的配置项
  };
};

通过以上配置，我们将读取 `.env` 文件并将其作为环境变量传递给 webpack。然后，在项目中使用 `process.env.base_api` 将会得到正确的值。确保在 webpack 构建过程中重新启动项目以使环境变量生效。

然而，如果我们仍然遇到 `process.env.base_api` 的值为 `undefined` 的问题，我们需要确保环境变量的名称和配置文件中的变量名称完全一致。同时，我们需要注意，在配置文件中引入了 `dotenv` 和 `webpack` 这两个模块。

以上就是一个可能的解决方案。希望能对你有所帮助。