dotenv-webpack如何使用

步骤 1：安装依赖

首先，你需要将dotenv-webpack添加为项目的开发依赖项。在命令行中运行以下命令：

npm install dotenv-webpack --save-dev

步骤 2：创建 .env 文件

在项目根目录下创建一个名为 .env 的文件，并在其中添加你的环境变量。每一行都应该是一个 KEY=VALUE 的键值对，例如：

API_KEY=your-api-key
DEBUG=true

步骤 3：配置 Webpack

打开你的Webpack配置文件（通常是 webpack.config.js）并进行以下配置：

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

module.exports = {
  // ...其他配置
  plugins: [
    // 将 dotenv-webpack 添加到 plugins 数组中
    new Dotenv()
  ]
};

步骤 4：在应用程序中使用环境变量

现在，你可以在你的应用程序代码中使用通过.env文件加载的环境变量了：

// 例如，在 JavaScript 中
console.log(process.env.API_KEY); // 输出你在 .env 文件中设置的 API_KEY

// 在 React 中
const apiKey = process.env.API_KEY;
// 然后在组件中使用 apiKey