首页 > 解决方案 > 如何处理 React 和 Express 应用程序使用的带导入的 TS 库?

问题描述

我有一个包含前端 (CRA) React 应用程序和 Express API 的 monorepo。他们都使用 monorepo 中的另一个包,它是纯 TS,但使用import语句。我使用tsc将 React 应用程序的 TS -> JS 编译到我调用的目录tscompiled中,对于 Node 应用程序,我进一步将带有 babel 的 JS 转换到一个名为 的目录lib中,以便所有import语句都变为requires。

因此,当我想编译 React 应用程序时,我需要package.json让我的依赖项使用该tscompiled目录及其类型定义:

"main": "tscompiled/index.js",

然后当我想编译 Express 应用程序时,我需要package.json我的依赖项来使用该lib目录:

"main": "lib/index.js",

这是一个真正的难题——我可以让我的 Node Express 应用程序自动处理import语句或转换 monorepo 中的依赖包吗?

标签: node.jstypescriptbabeljstranspiler

解决方案


imports如果您正确配置项目,您应该可以使用。请参阅此 SO 线程中提到的解决方案。


推荐阅读