Webpack 是一个前端构建工具，它用于将多个文件打包成一个单一的、可执行的 JavaScript 文件。它有多种打包选项，包括压缩、合并、分离模块、合并模块等，但是，Webpack 在打包过程中也会使用一些性能优化的技巧，以提高打包后的文件大小。 具体来说，Webpack 将打包过程分为以下几个阶段：

1. 首先，Webpack 会从项目的 src 目录下读取所有模块的源代码，并将其压缩到一个名为 webpack.common.js 的文件中。
2. 接下来，Webpack 会将 webpack.common.js 文件中的代码合并到 webpack.config.js 文件中，以便进行后续的打包。
3. 然后，Webpack 会根据打包选项进行打包。例如，如果打包选项是合并模块，Webpack 会将所有模块合并到一个单独的 bundle.js 文件中。如果打包选项是压缩模块，Webpack 会将所有模块压缩到一个单独的 output.js 文件中。
4. 最后，Webpack 会将 bundle.js 文件编译成一个单个可执行的 JavaScript 文件。

至于打包后的文件大小，这个与打包选项有关。如果打包选项是合并模块，那么 webpack.common.js 文件中的代码会被合并到 bundle.js 文件中，因此，bundle.js 文件的大小会比 webpack.common.js 文件的大小要大。如果打包选项是压缩模块，那么 webpack.common.js 文件中的代码会被压缩成 output.js 文件中，因此，output.js 文件的大小会比 webpack.common.js 文件的大小要小。