时间戳

首页 > 解决方案 > 在 React / Nextjs 的文件夹中导入多个文件

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

问题描述

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

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

但我得到：

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

我正在使用Nextjs并要求其中一个页面中的文件。这里似乎有些不对劲？

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

标签： reactjswebpacknext.js

解决方案

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

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

glob将返回一个文件数组。该数组将包含文件夹中所有具有.md扩展名的../static/blog/文件。Eventough 有一个软件包，它不应该被要求安装该软件包。

推荐阅读