webpack打包配置

对于webpack的打包配置，你可以创建一个名为webpack.config.js的文件来定义你的配置选项。下面是一个基本的webpack配置示例：

const path = require('path');

module.exports = {
  entry: './src/index.js', // 入口文件
  output: {
    path: path.resolve(__dirname, 'dist'), // 输出目录
    filename: 'bundle.js' // 输出文件名
  },
  module: {
    rules: [
      {
        test: /\.js$/, // 对所有.js文件应用以下loader
        exclude: /node_modules/, // 排除node_modules目录
        use: {
          loader: 'babel-loader', // 使用babel-loader进行转译
          options: {
            presets: ['@babel/preset-env'] // 使用@babel/preset-env进行转译
          }
        }
      },
      // 可以添加其他loader规则，如处理CSS、图片等
    ]
  },
  // 可以添加其他配置项，如插件、devServer等
};

这个例子展示了一个最基本的webpack配置，它定义了入口文件、输出目录和文件名，以及使用babel-loader对JavaScript文件进行转译的规则。你可以根据项目需求添加其他loader和插件，并配置其他选项。

请注意，这只是一个简单的示例，具体的配置取决于你的项目需求。你可以根据自己的需要进行进一步的配置和调整。