webpack 怎么配置？

Webpack 的配置可以通过一个名为 webpack.config.js 的文件来进行，该文件是一个 JavaScript 模块，用于指定如何打包和处理项目中的各种资源。

下面是一个简单的 webpack.config.js 配置的示例：

const path = require('path');

module.exports = {
  // 入口文件
  entry: './src/index.js',
  // 输出文件
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  // 模块处理规则
  module: {
    rules: [
      {
        // 使用 babel-loader 处理 js 文件
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
          },
        },
      },
      {
        // 使用 style-loader 和 css-loader 处理 css 文件
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
      // 添加其他需要的 loader 配置，如处理图片、字体等
    ],
  },
  // 插件配置
  plugins: [
    // 添加需要使用的插件
  ],
};

上述示例中，配置了入口文件为 `src/index.js`，输出文件为 `dist/bundle.js`。同时，还配置了两个处理规则：使用 `babel-loader` 处理 js 文件，使用 `style-loader` 和 `css-loader` 处理 css 文件。

当然，这只是一个基本的配置示例，你可以根据你的项目需求添加其他需要的 loader 和插件，并进行更详细的配置。Webpack 提供了丰富的插件和 loader 可供选择，可以根据具体的需求进行配置。