9

为 Typescript 项目（库）发出类型声明以及代码转换和捆绑的最有效方法是什么？

我正在使用webpack、ts-loader和fork-ts-checker-webpack-plugin。

在一个构建周期（构建命令）中，我试图获得：

  1. 库的开发版本（未缩小、内联源映射等）
  2. 库的 prod 版本（缩小 + 单独的源映射文件）
  3. 类型声明

前 2 个选项与 fork-ts-checker-webpack-plugin 配合得很好。随着线程加载器和缓存加载器的混合，事情变得更好了。但是，它们的工作方式不允许发出 .d.ts 文件。

所以我想弄清楚发出此类文件的最佳方式是什么。

现在我看到的选项：

  1. tsc在代码捆绑结束时使用。spawnSync例如，使用 运行它。
  2. 创建另一个 webpack 配置对象以在emitDeclarationOnly模式下独占运行 webpack
  3. 运行 ts-loader {transpileOnly: false, happyPackMode: false}，但这违背了使用线程的目标

一般来说，什么可能更快？还有另一种方法吗？

暂时我自己的答案似乎有效：

在导出webpack配置的部分上方的 webpack.config.js 中，添加以下内容（调整参数以满足您的需要）：

spawn("tsc", ["-p", "src", "--emitDeclarationOnly", "--declaration", "--declarationDir", "dist/@types", "--skipLibCheck"]);

此代码将生成一个子进程并与 webpack 将要执行的任何操作并行运行。所以现在 webpack 完全不用担心 Typescript 类型了。

4

1 回答 1

0

如果您的目标是通过npm或yarn然后前两个步骤运行 webpack - dev 和 prod 构建将由 webpack multiconfig处理。然后通过 npm/yarn 自定义post 命令调用类型生成步骤，例如postbuild，如果build提供了脚本

"scripts": {
    "postbuild": "tsc -p tsconfig.json --emitDeclarationOnly --declaration --declarationDir ./dist/@types --skipLibCheck",
    "build": "webpack"
}

所有步骤都通过执行单个命令来完成

yarn build

或者

npm run build

于 2020-09-03T10:57:17.950 回答