Parcel中使用Glob导入目录资源返回空模块问题问询

• 导入语法错误：你写的import * Docs from不符合ES模块命名空间导入规范，正确写法应为import * as Docs from，语法错误会导致解析提前终止，glob规则未被正常识别。
• 绝对路径匹配规则冲突：/documents/开头的绝对路径会被Parcel解析为相对于构建输出的公共根路径，而非你的项目源码目录，导致无法匹配到实际存放的PDF、HTML文件，最终返回空导出对象。
• 前缀解析优先级问题：url:前缀的资源解析器默认优先级高于glob解析器，会先截断glob匹配规则处理路径，导致glob规则未被@parcel/resolver-glob捕获处理。
• 依赖缺失：若仅在.parcelrc中添加了glob解析器配置，但未实际安装对应依赖，也会导致glob解析规则不生效。
• 目录被忽略：如果documents目录被加入了.gitignore或者.parcelignore规则，Parcel不会扫描该目录下的文件，导致glob匹配不到任何内容，返回空对象。

1. 先安装glob解析器依赖，执行命令：
   npm install @parcel/resolver-glob --save-dev
   如果你用pnpm或yarn，对应替换包管理器命令即可。

2. 修正导入语句语法与路径写法：
   如果你的documents目录放在项目根目录下，推荐用项目根路径标识符~/来写路径，修正后的导入语句为：

import * as Docs from "url:~/documents/*.{html,pdf}"

如果documents目录放在src目录下，对应调整路径为url:~/src/documents/*.{html,pdf}即可；也可以用相对于当前编写导入语句文件的相对路径，比如当前文件在src/page/index.js，documents在项目根，就写url:../../documents/*.{html,pdf}。

3. 确认解析器配置有效：
   你的.parcelrc配置本身没有问题，@parcel/resolver-glob放在最前面可以保证glob规则优先被解析，后续的...会保留默认的url、普通文件解析逻辑，无需额外调整。

4. 验证路径与目录可用性：

• 先导入单个文件验证路径是否正确，比如：

import testPdf from "url:~/documents/xxx.pdf"

如果单个文件可以正常拿到资源url，再换回glob写法即可。

• 确认documents目录没有被.parcelignore或.gitignore的规则匹配排除。

内容的提问来源于stack exchange，提问作者Tomáš Wróbel