如何在Webpack中使变量成为全局变量

在Webpack中使变量成为全局变量的方法有多种。以下是其中两种常用的方法：

1. 使用ProvidePlugin插件：ProvidePlugin是Webpack内置的插件，可以自动加载模块，将模块中的变量作为全局变量暴露给所有模块使用。在webpack.config.js中配置如下：

const webpack = require('webpack');

module.exports = {
  // ...
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      // 其他全局变量
    })
  ]
};

上述配置中，将jquery库中的$和jQuery变量作为全局变量暴露给所有模块使用。

1. 使用expose-loader加载器：expose-loader是一个Webpack加载器，可以将模块中的变量挂载到全局对象上。在模块中使用require引入需要暴露的变量，并通过expose-loader将其挂载到全局对象上。在webpack.config.js中配置如下：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: require.resolve('some-module'),
        use: [{
          loader: 'expose-loader',
          options: 'someModule'
        }]
      }
    ]
  }
};

上述配置中，将模块some-module中的变量someModule挂载到全局对象上。

以上是两种常用的在Webpack中使变量成为全局变量的方法。根据具体的需求和使用场景，选择适合的方法即可。