Webpack 是一种用于现代 JavaScript 应用程序的静态模块打包工具，可以将多个 JavaScript 文件打包成一个或多个静态资源文件。 可以使用webpack中的process.env来定义环境变量。 这些环境变量可用于控制应用程序在不同环境中的不同行为。 在webpack中，可以使用配置文件中的DefinePlugin插件来定义process.env环境变量。 在webpack配置文件中，需要首先引入webpack的外部插件webpack.DefinePlugin，然后在plugins字段中实例化该插件。 同时，您可以在插件的参数对象中设置process.env的值，例如： const webpack = require( 'webpack');const env = { NODE_ENV: process.env.NODE_ENV || '开发'，API_ENDPOINT：process.env.API_ENDPOINT || ':3000/api/'}; module.exports = { 插件: [new webpack .DefinePlugin({'process.env': env}) ]}; 上面的代码中，首先定义了一个env对象，其中包含两个环境变量NODE_ENV和API_ENDPOINT的值。 NODE_ENV 的值是系统环境变量。 value（如果不存在，使用默认值开发），API_ENDPOINT的值为本地测试服务器的地址（如果不存在Webpack注入变量，使用默认值：3000/api/）。
然后在plugins字段实例化DefinePlugin插件，并将env对象形参传递给插件的参数对象中的process.env，这样应用程序中就可以使用process.env来获取环境变量的值。 例如，在应用程序中可以使用NODE_ENV来控制应用程序在不同环境下的行为，例如： if (process.env.NODE_ENV === 'development') { console.log('developmentenvironment');} else { console.log('生产环境');} 这样通过webpack的DefinePlugin插件定义process.env环境变量，可以更方便的控制应用程序在不同环境下的不同行为Webpack注入变量，提高灵活性和应用程序的可维护性。 。
