webpack ＜ 5 used to include polyfills for node.js core modules by default

**Webpack 的历史和 Node.js 核心模块的 polyfill**

在 Webpack 的早期版本中，特别是版本4 和之前的版本，Webpack 默认会包含一些 Node.js 核心模块的 polyfills。这意味着，即使在浏览器环境下，也可以使用这些 Node.js 核心模块的 API。

**为什么需要 polyfill**

Node.js 核心模块中的许多函数和类是基于 Unix/Linux 的文件系统设计的，例如 `fs`、`path` 等。然而，在浏览器环境中，这些函数和类可能无法正常工作，因为它们依赖于 Node.js 的特定实现。

为了解决这个问题，Webpack 在早期版本中会自动包含一些 polyfills，以便在浏览器环境下也能使用这些 Node.js 核心模块的 API。这些 polyfills 会将 Node.js 核心模块的函数和类转换为浏览器友好的实现。

**哪些 Node.js 核心模块被包含**

在 Webpack4 和之前版本中，以下 Node.js 核心模块会被自动包含：

* `fs`
* `path`
* `url`
* `querystring`

这些 polyfills 会将这些 Node.js 核心模块的函数和类转换为浏览器友好的实现。

**示例代码**

下面是一个示例，演示了如何使用 Webpack4 中包含的 polyfill：

javascript// index.jsconst fs = require('fs');
console.log(fs.existsSync('./file.txt')); // true// main.jsimport { existsSync } from 'fs';
console.log(existsSync('./file.txt')); // true

在上面的示例中，我们使用 `require` 和 `import`语句分别从 Node.js 核心模块和 Webpack polyfill 中导入 `fs` 模块。然后，我们可以使用这些函数来检查文件是否存在。

**注意**

从 Webpack5 开始，polyfills 不再被包含在默认配置中。这意味着，如果你想使用 Node.js 核心模块的 API，在浏览器环境下，你需要手动安装相应的 polyfill 库。

例如，如果你想使用 `fs` 模块，你可以安装 `unfetch` 和 `path-browserify` 这两个 polyfill 库：

bashnpm install unfetch path-browserify

然后，在你的 Webpack 配置中，需要手动包含这些 polyfills：

javascript// webpack.config.jsmodule.exports = {
 // ...
 resolve: {
 fallback: {
 fs: require('fs'),
 path: require('path-browserify'),
 },
 },
};

这样，你就可以在浏览器环境下使用 Node.js 核心模块的 API了。

**总结**

Webpack 的历史和 Node.js 核心模块的 polyfill 是一个有趣的话题。从 Webpack5 开始，polyfills 不再被包含在默认配置中，这意味着我们需要手动安装相应的 polyfill 库来使用 Node.js 核心模块的 API。在本文中，我们讨论了为什么需要 polyfill、哪些 Node.js 核心模块被包含，以及如何手动安装和包含这些 polyfills。