将默认导入文件从 index.ts 更改为 index.native.ts [react-native]答案

【问题标题】：Change default import file from index.ts to index.native.ts [react-native]将默认导入文件从 index.ts 更改为 index.native.ts [react-native]
【发布时间】：2021-07-08 19:40:09
【问题描述】：

我正在构建一个 react 组件库（使用 typescript 和 styled-components），我想在两个目标（Web 和本机）之间尽可能多地重用代码。

我有一个名为 styled 的文件夹，在该文件夹中，我有两个索引文件：index.ts 和 index.native.ts。

在index.ts 内我有：export { default as styled } from 'styled-components'; 而在index.native.ts 我有export { default as styled } from 'styled-components/native';

我知道 react-native 在构建过程中使用 index.native.ts 而不是 index.ts，但我确实需要让 IDE（vscode）理解这一点，我的意思是，当我正在构建一个 Button.native.ts 语句：import { styled } from '../styled' 应该从 .native 桶导入，ctrl + click 应该让我们到 .native 文件。

我不知道是否有配置可以更改用作桶的默认导入文件，我已经尝试在 typescript 文档中搜索一些 react-native 预设但我没有找到任何东西。

【问题讨论】：

标签： reactjs typescript react-native visual-studio-code

【解决方案1】：

它与TypeScript 无关，它是VSCode GitHub 页面上的open issue。仍然没有任何解决方案。

即使我在react native vscode 插件上也没有找到解决方案。

据我了解，您正在研究 RNW，因此 VSCode 通过 Ctrl+CLICK 理解您的意思是 Web 或 Native 端不是正确的期望。当它在开发和生产中工作，所以忘记点击打开正确的代码。

【讨论】：