1.Entry

Entry（入口）表示Webpack以指定文件作为入口开始打包，并分析构建出内部依赖图。

2.Output

输出 (Output)表示 webpack 打包后的资源 bundles 输出到哪个文件夹，以及如何命名。
加载css ：style-loader , css-loader , less-loader, sass-loader , stylus-loader
抽离和压缩css：css-mini-mizer-webpack-plugin压缩css
加载images图像：asset modules ， resource，inline，source，asset
加载fonts字体：asset resource
加载数据：csv-loader ，xml-loader
自定义JSON模块parser：yaml，JSON5，toml

3.Loader

Loader 让 webpack 能 够 去 处 理 那 些 非 JavaScript 文 件 ，转化成有效的模块，供给程序使用。

4.Plugins

插件的应用范围包括，从打包优化和压缩， 以及重新定义环境中的变量等。

5.Mode

development：
会将 DefinePlugin 中 process.env.NODE_ENV 的值设置
为 development 。启用 NamedChunksPlugin 和
NamedModulesPlugin 。
production：
会将 DefinePlugin 中 process.env.NODE_ENV 的值设置
为 production 。启用 FlagDependencyUsagePlugin,
FlagIncludedChunksPlugin, ModuleConcatenationPlugin,
NoEmitOnErrorsPlugin, OccurrenceOrderPlugin,
SideEffectsFlagPlugin 和 TerserPlugin 。
[

](https://blog.csdn.net/aafx1111/article/details/123327464)