如何在Express项目的前端使用TypeScript,TSX和React?

时间:2019-05-24 13:28:34

标签: reactjs typescript express

我一直在Express网站上遵循Getting Started指南,仅使用Typescript。遇到了一些障碍,但是一切都像示例代码中一样工作。

我想使用React而不是Pug来呈现我的视图,并且我想继续在前端使用TypeScript。我认为最简单的方法是sendFile指向指向index.html脚本的.tsx脚本。

<html>

<body>
    <div id='app'></div>
    <script type='text/typescript' src='cool.tsx'></script>
</body>


</html>

当然需要编译tsx并更新链接以使其正常工作。我碰到了this answer,但似乎有点矛盾。有更好的方法吗?

如果您正在使用具有TypeScript / Express后端的单页TypeScript / React应用程序,您将如何构建项目以使所有内容协同工作?我可以使用Express的view engine工具与these lines一起在React / TSX中使用它吗?也许是VSCode扩展名?

0 个答案:

没有答案