什么是 npm 包 parcel-plugin-require-context
parcel-plugin-require-context 是一个 npm 包，它提供了一个 Parcel 插件，使得在 Javascript 中可以方便地使用 require.context 方法引入多个模块。require.context 方法可以将一个文件夹下的所有文件作为模块导出，可以大大增加项目的可维护性和可读性。
如何使用 npm 包 parcel-plugin-require-context
安装
首先，你需要拥有 npm 包管理器的安装环境，然后可以在命令行中输入以下命令：
npm install parcel-plugin-require-context
引入
在 Javascript 代码中，可以使用以下方式引入 require.context 方法：
import requireContext from 'parcel-plugin-require-context';
实例
假设你有一个文件夹 src/actions，里面有多个以 .js 结尾的文件，用于定义一些 Redux 的 action。
使用 require.context 可以将这些文件全部一次性导入：
-- -------------------- ---- ------- ----- -------------- - ----------------------------------------- ----- ----- - -------------------------------- ------ --------- ----- ------- - --------------------------------- --------- -- - ----- ---- - ---------------- ----- ------ - ------------ -- ----- ----- ---------- - ------------------------------ ---- ----------------------- - ------- ------ ------------ -- ----
其中第一个参数 '../src/actions' 是需要导入的文件夹，false 表示不需要递归地导入子文件夹，最后一个参数 /\.js$/ 表示只导入以 .js 结尾的文件。
requireContext 方法返回一个 Context 对象，通过 keys() 方法可以获取所有导入的文件的名称，然后遍历这些文件名称，逐个获取文件的默认导出或者整个文件，最后返回以文件名为 key，以导出内容为 value 的对象。
总结
npm 包 parcel-plugin-require-context 可以大大提高项目的可维护性和可读性，通过 require.context 方法可以将了文件夹下的所有文件导入，避免每个文件都要分别 import 的冗余操作。但是，在使用时需要注意到导入的文件夹路径和正则表达式的选择，以确保导入的文件和导出的内容符合预期。
完整的实现可以参考 webpack require.context 使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057cc481e8991b448ec027