Is there any way to use typescript file in react redux project?

Question

I got a completely developed project in react,redux and typescript. Le me say it project "A". I am working on project "B" with react and redux using .jsx extention. Now I want to reuse a module from project A(.ts extension files) in project B. How can I use .ts files along with jsx files in project B?

Answer 1

You'd have to add a typescript loader to your webpack config, so webpack knows it can also load in ts files.

Now simply require() or import the file (depends on which one you already use) in javascript.

Make sure you don't use default exports but named exports, cause default export works a bit different in require() vs. import .. from.

On the other hand you can always make project A generate the JS file for you and use that one in proj B.