WebPack常用配置选型及用法

以下是 Webpack 的一些常用配置选项及用法：

1. entry：入口文件，可以是一个或多个 JavaScript 文件，通过这个文件，Webpack 将会处理整个应用。

2. output：输出配置选项，用于告诉 Webpack 将打包后的文件输出到哪里。可以定义 output.path、output.filename 和 output.publicPath 等。

3. module：模块配置选项，使用不同的 loader 可以让 Webpack 处理不同类型的文件。例如，对于 CSS 文件，可以使用 css-loader 和 style-loader 处理。

4. resolve：解析配置选项，用于告诉 Webpack 该如何解析模块依赖。可以设置 resolve.alias、resolve.extensions、resolve.modules 等。

5. plugins：插件配置选项，使用不同的插件可以增强 Webpack 的功能。例如，使用 html-webpack-plugin 可以将打包后的 js 文件自动引用到 HTML 文件中。

6. devServer：开发服务器配置选项，提供了一个简单的 web 服务器和实时重载功能，可以通过 devServer.contentBase、devServer.port、devServer.proxy 等进行配置。

7. optimization：优化配置选项，可以使用 optimization.splitChunks 和 optimization.runtimeChunk 配置代码拆分和运行时代码提取等优化策略。

8. externals：外置扩展配置选项，用于配置排除打包的模块。例如，可以将 jQuery 作为外置扩展，避免将其打包到应用程序中。

以上是一些常用的 Webpack 配置选项及用法，除此之外，Webpack 还支持多种高级特性，如 code splitting、Tree Shaking、Hot Module Replacement 等。根据具体的项目需求，需要结合实际情况进行配置。