reactjs - تغییر فایل واردات پیشفرض از index.ts به index.native.ts

من در حال ساخت یک کتابخانه کامپوننت React هستم (با استفاده از TypeScript و styled-components) و میخواهم تا حد امکان کد را بین دو هدف (وب و نیتیو) دوباره استفاده کنم.

من یک پوشه به نام 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 + کلیک باید ما را به فایل .native ببرد.

من نمیدانم آیا پیکربندیای وجود دارد که فایل پیشفرض واردات که به عنوان بشکه استفاده میشود را تغییر دهد، من قبلاً سعی کردم در مستندات تایپاسکریپت جستجو کنم برای برخی پیشتنظیمهای react-native اما چیزی پیدا نکردم.

پاسخ شماره ۱

این مربوط به تایپاسکریپت نیست، این یک مسئله باز در صفحه گیتهاب VSCode است. هنوز هیچ راهحلی ندارد.

حتی من هم راه حلی برای افزونه ریاکت نیتیو در ویاسکد پیدا نکردم.

طبق درک من، شما روی RNW کار میکنید، بنابراین این انتظار درست نیست که VSCode با Ctrl+CLICK بفهمد منظور شما سمت وب است یا Native. وقتی این در توسعه و تولید کار میکند، پس فراموش کنید که با کلیک کد مربوطه را باز کنید.