Typescript 建立在保存 dotnet 核心上

Question

在传统的 Asp.NET MVC 应用程序中，我可以简单地添加一个打字稿文件，Visual Studio 会在保存文件时自动将其编译为 .js。 .ts 文件刚刚保存在 .js 文件旁边的脚本文件夹中，并且运行良好。

typescript 和 Asp.Net Core here 的文档提出了一种不同的方法，将 typescript 文件保存在不同的文件夹中（考虑到 Asp.Net Core 的“文件系统是项目结构”方法，这很有意义）。他们还建议使用 Gulp 来运行 TypeScript 编译器，并在项目构建后立即将 .js 复制到 wwwroot 文件夹中。

有没有办法让 TypeScript 文件在保存时自动编译，而不必每次都运行 Gulp 任务？

Answer 1

你可以这样试试-

1. 将compileOnSave 设置为true，因此每次保存时.ts 都会转换为.js。

2. 将outDir 设置为wwwroot/app，以便转译的.js 文件保存在由asp.net 核心应用程序提供服务的wwwroot/app 文件夹中。

这里是 tsconfig.json 的示例-

{
  "compileOnSave": true,
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "noEmitOnError": true,
    "noImplicitAny": false,
    "removeComments": false,
    "outDir": "wwwroot/app",
    "strictNullChecks": false
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}