DefinePlugin插件是Webpack中一个常用的插件，它可以在编译时期定义全局变量，从而可以在编译后的代码中使用这些变量。
使用方法
使用DefinePlugin插件，要在Webpack的配置文件中加载插件，并定义变量：

  const webpack = require('webpack');
  module.exports = {
    plugins: [
      new webpack.DefinePlugin({
        'process.env': {
          NODE_ENV: JSON.stringify('production')
        }
      })
    ]
  }

上面的代码中，定义了一个变量process.env.NODE_ENV，这个变量可以在编译后的代码中使用，它的值是production。
示例代码
下面是一个使用DefinePlugin插件定义全局变量的示例：

  // webpack.config.js
  const webpack = require('webpack');
  const config = {
    entry: './src/index.js',
    output: {
      path: './dist',
      filename: 'bundle.js'
    },
    plugins: [
      new webpack.DefinePlugin({
        BASE_URL: JSON.stringify('http://example.com/')
      })
    ]
  };
  module.exports = config;

上面的代码中，定义了一个变量BASE_URL，它的值是字符串http://example.com/，这个变量可以在编译后的代码中使用。
在编译后的代码中，可以使用这个变量：

  console.log(BASE_URL); // http://example.com/

DefinePlugin插件可以定义任意多个变量，比如：

  new webpack.DefinePlugin({
    BASE_URL: JSON.stringify('http://example.com/'),
    API_URL: JSON.stringify('http://api.example.com/')
  })

上面的代码中，定义了两个变量BASE_URL和API_URL，它们可以在编译后的代码中使用。