在React + Parcel + Typescript +模块esnext

Question

生殖示例回购

module_esnext_import_image

如何复制

git clone https://github.com/github0013/module_esnext_import_image.git
cd module_esnext_import_image
yarn
yarn run src/index.html

然后，查看dist文件夹中的内容。您应该看到类似src.7753e686.png而不是1.some-random-id.png的信息（文件名以1开头）。

由于我要导入的图像是1.png，因此文件名也应该以{{1​​}}开头，以便图像将从1链接。但是，由于在index.html中生成的图像文件以dist开头，因此图像链接中断。

我对代码进行了很多更改，以找到此问题的核心，并且

1. tsconfig.json编译器选项->“模块”：“ esnext”
2. 使用了可加载的内容
3. 图像已导入到已加载的组件中

如果我更改tsconfig.json编译器选项->“模块”：“ src”，那么它似乎可以正常工作。

我想知道是否有人知道为什么会这样。