node.js 的 commonJS 和 reactjs 的 es6 的多个 tsconfig.json 问题

Question

我当前的 typescript 文件夹结构：

ts_dev
--client
  *components.tsx
  *tsconfig.json

--server
  *server.ts
  *tsconfig.json
  --share
    *utility.ts

Node.js 服务器需要使用commonjs模块，客户端端组件需要使用es2015。我将 client 和 server 使用的 share 文件夹放在 server 目录下，因为它需要commonJS节点.js。

服务器中的

tsconfig.json：

{
  "compilerOptions": {
    "module": "commonJS",
    "target": "es2015",
    "moduleResolution": "node",
    "outDir": "../../src",
    "lib": ["es6", "dom"],
    "types": ["reflect-metadata","system"],
    "jsx": "react"
  },
  "exclude": [
    "node_modules",
  ]
}

客户端中的tsconfig.json：

{
  "compilerOptions": {
    "module": "es2015",
    "target": "es2015",
    "moduleResolution": "node",
    "outDir": "../../src",
    "lib": ["es6", "dom"],
    "types": ["reflect-metadata","system"],
    "jsx": "react"
  },
  "exclude": [
    "node_modules",
  ]
}

但是我发现share 中的脚本总是在 es6（使用导出、导入等）而不是 commonJS 中编译，这会破坏我的服务器。我怀疑这是由client 中的 tsconfig 引起的。我可以做些什么来解决这个问题？

Answer 1

我建议在每个带有文件 glob 的 tsconfig.json 文件中使用 include 选项，以限制通过每个配置文件编译的文件。

我通过使用不同的outDirs 解决了我的类似问题。我认为发生在你身上的是你编译了两次源文件，最后一次将 JS 编译为es2015，覆盖了第一次。换句话说，server 版本首先被编译，然后client 版本被编译并覆盖它，因为输出将进入同一目录。