如何使用Create-React-App在打字稿中运行NodeJS脚本？

Question

我有一个使用以下版本创建的应用程序：

• Node v16.15.1
• typescript v4.3.2 v4.3.2
• active-scripts v4.0.3 <v4.0.3 < /code>（尽管我对需要React-Scripts v5的答案开放）

我想使用与React App相同的配置来编译并运行在打字稿中编写的可执行nodejs脚本。此外，我需要能够从应用程序的其余部分导入文件。

例如，

import foo from '../util/foo'

const result = foo(process.argv[2])

console.log(result)

我获得的最接近的是：

npx ts-node --esm src/scripts/myscript.ts

但是，只有在我添加“ type”：“ module”时，它才能有效。即使那样，我的脚本也会在导出关键字上断开。

我可以在scripts文件夹中创建package.json， “ type”：“ module”和tsconfig扩展了应用程序配置：

{
  "extends": "../tsconfig.json",
  "include": ["**/*.ts"],
  "compilerOptions": {
    "noEmit": false,
    "outDir": "build"
  }
}

但是，这会导致导入的打字稿文件中的导入/导出问题。

如果React-Scripts具有正确的配置，可以在其start和build脚本中编译和运行打字稿文件，则如何运行自定义脚本？