如何在webpack背后使用本机变量？

在webpack背后使用本机变量的方法有以下几种：

1. 使用webpack的环境变量：可以在webpack的配置文件中定义环境变量，然后在项目中通过process.env来访问这些环境变量。例如，在webpack配置文件中，可以定义一个变量ENV，并设置其值为'production'，然后在项目中可以通过process.env.ENV来访问这个变量。
2. 使用webpack的DefinePlugin插件：可以通过webpack的DefinePlugin插件将本机变量注入到项目中。在webpack的配置文件中，可以配置一个plugins数组，并在其中添加一个new webpack.DefinePlugin({})的插件实例，然后在这个插件的参数中定义本机变量及其对应的值。
3. 使用webpack的ProvidePlugin插件：可以通过webpack的ProvidePlugin插件将本机变量注入到模块中。在webpack的配置文件中，可以配置一个plugins数组，并在其中添加一个new webpack.ProvidePlugin({})的插件实例，然后在这个插件的参数中定义本机变量及其对应的值。这样，在项目中不需要显式地导入本机变量，就可以直接使用它们。
4. 使用webpack的externals配置：可以通过webpack的externals配置将本机变量从打包过程中排除。在webpack的配置文件中，可以配置一个externals对象，并在其中定义本机变量及其对应的全局变量。这样，在项目中引入这些本机变量时，webpack会将它们视为外部依赖，不会对其进行打包。

这些方法可以根据具体情况选择使用，以实现在webpack背后使用本机变量的目的。需要注意的是，为了避免与现有的全局变量冲突，建议给本机变量添加一个特定的前缀或命名空间。