如何使用Webpack打包特定文件

在项目中，我们经常需要将第三方库（如 jquery.min.js 和 socket.io.js）与自定义编写的代码分开打包。例如，你可能希望将这些第三方库打包成一个 base.js 文件，而将自己编写的应用代码根据入口文件 app.js 编译成另一个 build.js 文件。这可以通过配置 Webpack 的入口点和输出设置来实现。

首先，你需要在 Webpack 配置文件中定义多个入口点。例如：

module.exports = {
  entry: {
    base: ['./path/to/jquery.min.js', './path/to/socket.io.js'],
    build: './src/app.js'
  },
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  }
};

上述配置中，entry 对象定义了两个入口点：一个是 base，包含所有需要打包到 base.js 的文件；另一个是 build，指向你的应用代码入口文件 app.js。output 部分则指定了输出文件的命名规则和存放路径。

通过这种方式，你可以灵活地控制哪些文件被打包在一起，从而更好地管理项目的构建过程。