有什么方法可以在React Redux项目中使用Typescript文件？

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.