DefinePlugin 是 webpack 内置的插件，可以在打包时将变量定义为全局变量。
具体操作：
在 webpack 的配置文件中，使用 plugins 配置项添加 DefinePlugin 插件，并在插件中设置全局变量。
例如，假设我们需要设置一个全局变量
API_BASE_URL
为
'http://localhost:3000'
，则可以在配置文件中添加以下代码：
const webpack = require('webpack');
module.exports = {
plugins: [
new webpack.DefinePlugin({
API_BASE_URL: JSON.stringify('http://localhost:3000')
在代码中，我们使用 JSON.stringify 将字符串 'http://localhost:3000' 转为 JSON 格式，并将其设置为全局变量 API_BASE_URL。
使用 ProvidePlugin 插件
ProvidePlugin 插件可以在每个模块中自动加载某些模块，从而将这些模块作为全局变量使用。
具体操作：
在 webpack 的配置文件中，使用 plugins 配置项添加 ProvidePlugin 插件，并在插件中设置全局变量。
例如，假设我们需要设置一个全局变量 $ 为 jquery，则可以在配置文件中添加以下代码：
const webpack = require('webpack');
module.exports = {
plugins: [
new webpack.ProvidePlugin({
$: 'jquery'
在代码中，我们将 $ 设置为 jquery，从而可以在任何模块中直接使用 $，而不需要手动引入 jquery 模块。
以上是 webpack 中配置全局变量的两种方式，可以根据具体需求选择适合自己的方式。
