javascript - 使用 TypeScript 和 Babel（没有任何捆绑程序）为 Node 和现代浏览器构建 JavaScript，可能吗？

Question

我想要完成的是：

• 使用具有现代语法 ( DOM, ESNextas lib)的 TypeScript
• 目标节点 10.x 及更高版本（ES2018 + CommonJS 模块）
• 针对现代浏览器（Babel 预设 env + ES6 模块）
• 只使用 TypeScript 和 Babel（不使用 Rollup、Webpack 或任何其他打包工具）

所以，这是我的注释tsconfig.json：

{
  "compilerOptions": {
    "target": "ES2018", /* for Node (Babel will transpile for modern browser) */
    "module": "es6", /* for modern browsers (build script change this to cjs for Node) */
    "lib":
      "DOM",
      "ESNext",
    ],
    "declaration": true,
    "outDir": "dist",
    "rootDir": "src",
    "strict": true,
    "moduleResolution": "node",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
  }
}

构建脚本package.json：

"scripts": {
  "build:cjs": "tsc --m commonjs",
  "build:esm": "babel ./src --out-dir dist/esm --extensions .ts,.tsx"
},

脚本build:cjs似乎工作正常：require已使用并且声明正确输出。

相反，build:esm不工作......怀疑：

• 使用require而不是import？
• 没有声明，为什么？

.babelrc：

{
  "presets": [
    "@babel/env",
    "@babel/preset-typescript"
  ],
  "plugins": [
    "@babel/proposal-class-properties",
    "@babel/proposal-object-rest-spread"
  ]
}

标签： javascriptnode.jstypescriptbabeljs