Webpack 是一个用于打包 JavaScript 应用程序的工具,它提供了丰富的配置项来定制打包过程。以下是一些常见的 Webpack 配置项:
-
entry: 指定 Webpack 的入口文件,即打包的起点。
-
output: 指定打包后的输出配置,包括输出文件的路径、文件名等。
-
mode: 指定打包模式,可以是 "development"、"production" 或 "none"。不同模式下,Webpack 的行为会有所调整。
-
module: 配置模块处理规则,例如使用不同的 loader 处理不同类型的文件(例如,Babel 处理 JavaScript,CSS loader 处理 CSS)。
-
resolve: 配置 Webpack 如何解析模块路径,包括指定模块的别名、自动解析文件后缀等。
-
plugins: 使用插件来扩展 Webpack 的功能,例如压缩代码、拷贝静态文件、生成 HTML 文件等。
-
optimization: 配置代码优化选项,例如代码压缩、模块拆分等。
-
devServer: 配置开发服务器,用于开发环境下的热更新、代理等功能。
-
externals: 配置外部依赖,告诉 Webpack 某些模块是外部引入的,不需要打包。
-
performance: 配置性能优化选项,例如设置最大资源大小、显示警告等。
-
devtool: 配置 Source Map 选项,用于在调试时映射到源代码。
-
watchOptions: 配置监视文件改动的选项,用于监听文件变化并自动重新编译。
这些只是 Webpack 配置中的一部分常见选项,实际上,Webpack 还提供了许多其他配置选项,可以根据项目需求进行定制。