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

Question

我正在构建一个 React 组件库(使用 typescript 和 styled-components)，我想在两个目标(web 和 native)之间尽可能多地重用代码。

我有一个名为 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' should import from .native 桶和 ctrl + 单击 应该让我们进入 .native 文件。

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

Answer 1

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

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

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