面试题：Webpack中dotenv工具的基础使用

Question

请描述在Webpack项目中如何安装并初步配置dotenv工具来加载环境变量？假设项目已经初始化好，且你知道环境变量应放在.env文件中。

Answer 1

1. 安装dotenv： 在项目根目录下，通过npm或yarn安装dotenv。
   • 使用npm：

npm install dotenv --save-dev

- 使用yarn：

yarn add dotenv -D

2. 初步配置： 在Webpack配置文件（通常是webpack.config.js）中进行如下配置：

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

// 加载.env文件
dotenv.config({ path: path.join(__dirname, '.env') });

module.exports = {
    // 其他Webpack配置项...
};

这样配置后，dotenv会加载.env文件中的环境变量，这些变量可以在Webpack构建过程中使用。例如，在代码中通过process.env.变量名访问环境变量。