在 React / Nextjs 中导入文件夹中的多个文件

Question

我正在尝试在文件夹中导入具有特定扩展名的多个文件：

const allEntries = require.context('../static/blog', true, '/\.md/')

但我得到：

Unhandled Rejection (TypeError): __webpack_require__(...).context is not a function

我正在使用Nextjs并需要其中一个页面中的文件。这里好像有什么不对劲的地方？

编辑：我不一定需要这样做，require我只是希望能够一次导入/需要多个文件，而不知道文件名或文件夹中有多少个文件。

Answer 1

您可以在 webpack 中尝试以下操作：

const glob = require('glob');
const allEntries = glob.sync("../static/blog/*.md"); 

glob将返回一个文件数组。该数组将包含文件夹.md中具有扩展名的所有文件../static/blog/。即使有一个包，也不需要安装该包。