带有打字稿的webpack / metro mainFiles模块解析

Question

设置

Webpack具有mainFiles模块分辨率，可让您根据环境解析某些文件，例如：

| Button
|   | - index.ts
|   | - index.performer.ts
|   | - index.customer.ts

// Page.ts
import Button from './Button';

类似内容可用于react-native的platform-specific module resolution。

您可以根据平台（环境）来导入按钮

| Button
|   | - index.ts
|   | - index.android.ts
|   | - index.ios.ts

// App.ts
import Button from './Button';

问题：

如何告诉打字稿解决这些导入问题， 并根据环境选择正确的文件？

行为是webpack / metro将选择index.android.ts，但是打字稿认为我们导入了index.ts。

那是问题。