webpack.config.js 用函数的形式

是的，Webpack支持使用函数的形式来编写配置文件。这种方式可以让我们灵活地处理各种不同的配置场景，比如基于环境变量的不同配置、基于不同的入口文件生成多个输出文件等等。

以下是一个简单的例子：

module.exports = (env, argv) => {
  const isProduction = argv.mode === 'production';

  return {
    entry: './src/index.js',
    output: {
      filename: isProduction ? 'bundle.min.js' : 'bundle.js',
      path: path.resolve(__dirname, 'dist')
    },
    // ... 其他配置
  };
};

在这个例子中，我们通过函数的形式来定义Webpack的配置。函数接受两个参数：`env`和`argv`。其中，`env`表示环境变量，`argv`表示命令行参数。我们可以通过这两个参数来动态生成配置。

在函数内部，我们判断`argv.mode`的值，来决定是否启用生产模式。根据这个值，我们生成不同的输出文件名。这样，我们就可以通过命令行参数来控制Webpack的输出。

除了这个例子，还有很多其他的用法，比如基于不同的入口文件生成多个输出文件、根据环境变量生成不同的配置等等。总之，使用函数的形式可以让我们更加灵活地处理各种不同的配置场景。