reactjs - Byt standardimportfil från index.ts till index.native.ts

Jag bygger ett React-komponentbibliotek (med TypeScript och styled-components) och jag vill återanvända så mycket kod som möjligt mellan de två målen (webb och native).

Jag har en mapp som heter styled, och inuti den mappen har jag två indexfiler: index.ts och index.native.ts.

Inuti index.ts har jag: export { default as styled } from 'styled-components'; medan i index.native.ts har jag export { default as styled } from 'styled-components/native';

Jag vet att React Native använder index.native.ts istället för index.ts under byggprocessen när det är tillgängligt, men jag måste verkligen få IDE:n (vscode) att förstå det, jag menar, när jag bygger en Button.native.ts bör uttalandet: import { styled } from '../styled' importera från .native-filen och ctrl + klick ska låta oss gå till .native-filen.

Jag vet inte om det finns en konfiguration för att ändra standardimportfilen som används som en barrel, jag har redan försökt söka i TypeScript-dokumentationen efter någon react-native-preset men jag hittade ingenting.

Svar #1

Det är inte relaterat till TypeScript, det är ett öppet problem på VSCode:s GitHub-sida. Har fortfarande ingen lösning.

Inte ens jag hittade en lösning på React Native VSCode-pluginet.

Enligt min förståelse arbetar du med RNW, så det är inte en korrekt förväntning att VSCode ska förstå med Ctrl+CLICK att du menar Web eller Native-sidan. När det fungerar i utveckling och produktion, så glöm att öppna rätt kod genom klick.