Webpack 环境变量详解：NODE_ENV、process.env 等

Webpack 环境变量在开发和生产环境中扮演着重要的角色，它们可以帮助我们配置不同的构建选项，例如代码压缩、代码分割和模块加载方式。以下是一些常用的 Webpack 环境变量：

NODE_ENV：用于区分开发环境和生产环境。在开发环境中，通常设置为 'development'，在生产环境中设置为 'production'。
process.env：用于设置和读取环境变量。例如，我们可以使用 process.env.NODE_ENV 来获取当前的环境变量。
__dirname：表示当前模块的目录名。
__filename：表示当前模块的文件名。
process.cwd()：表示当前工作目录。
process.argv：表示命令行参数。
process.stdout：表示标准输出流。
process.stderr：表示标准错误流。
process.stdin：表示标准输入流。
process.nextTick()：表示异步回调函数。

使用示例：

// 在 webpack.config.js 中设置 NODE_ENV
module.exports = {
  mode: process.env.NODE_ENV || 'development',
  // ... other configuration
};

// 在代码中使用 process.env
console.log('当前环境：', process.env.NODE_ENV);

// 使用 __dirname
const path = require('path');
const filePath = path.join(__dirname, 'dist', 'index.html');

// 使用 process.cwd()
console.log('当前工作目录：', process.cwd());

注意：

在生产环境中，建议将 NODE_ENV 设置为 'production'，以启用压缩、代码分割等优化功能。
使用环境变量可以帮助我们创建灵活的配置，避免代码重复。
在使用环境变量时，需要注意安全问题，不要将敏感信息存储在环境变量中。