typescript - Kako mogu pregledati JavaScript bundle kod u React Native?

Imam React Native 0.57.8 projekt koji koristi TypeScript i Babel 7.

Volio bih vidjeti JavaScript kod koji se nalazi u paketu kako bih mogao vidjeti što su TypeScript i Babel modificirali. Konkretno, pokušavam vidjeti kako TS i Babel obrađuju zadane parametre za konstruktor klase.

Svjestan sam da će TS dodati this.parameter=parameter u tijelo konstruktora klase ako su parametrima konstruktora dodijeljeni modifikatori poput public, private ili readonly, ali ne znam hoće li this.parameter=parameter biti dodano na početak tijela konstruktora ili na kraj tijela konstruktora.

Postoji li način da pogledam JavaScript izlaz koji stvaraju TS i Babel?

Odgovor #1

Možete sami generirati paket, a zatim ga pregledati.

Posjetite URL Metro Bundlera kada radi na terminalu, npr. http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false.

(Ovo može zahtijevati potpuno generiranje ako već nije pohranjeno u predmemoriji, pa može potrajati).

Ili jednostavno generirajte statičku datoteku putem naredbenog retka:

// iOS
npx react-native bundle --entry-file=index.js --bundle-output='./bundle.js' --dev=false --platform='ios' --assets-dest='./ios' --reset-cache
// Android
npx react-native bundle --entry-file=index.js --bundle-output='./bundle.js' --dev=false --platform='android' --assets-dest='./android/app/src/main/res' --reset-cache