.NET Core Angular项目仅单个TS文件生成JS/JS.map，如何禁用？

一、为什么仅constants.ts生成对应JS/Map文件 #

在Angular + .NET Core项目中，默认情况下Angular的构建工具（如Webpack）会将所有被项目引用的TS文件打包进最终bundle，不会单独生成每个TS对应的JS文件。constants.ts单独生成文件，通常有以下原因：

• 未被Angular模块引用：如果constants.ts没有被任何Angular组件、服务或模块导入，Angular的构建流程不会处理它。此时若存在单独的TypeScript编译命令（比如手动执行tsc constants.ts），或TS编译器在某些场景下自动编译了这个孤立文件，就会生成对应的JS和map文件。
• TS配置差异：检查项目根目录或constants.ts所在目录是否有单独的tsconfig.json（子目录局部配置），局部配置可能覆盖了根配置的noEmit或emit相关选项，导致该文件被单独编译。
• 外部工具触发：比如后端工具、自定义脚本或VS Code的自动编译功能，单独触发了这个文件的TS编译。

二、完全禁用JS及JS.Map文件生成的方法 #

1. 修改项目根目录的tsconfig.json #

在compilerOptions中添加或修改以下配置：

{
  "compilerOptions": {
    "noEmit": true, // 完全禁止TS编译器输出任何文件
    "sourceMap": false // 确保关闭sourceMap生成（若noEmit已生效，此配置可省略）
  },
  // 确保所有TS文件纳入项目范围，避免孤立文件被单独编译
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules",
    "dist"
  ]
}

注意：Angular项目的tsconfig.json通常继承tsconfig.base.json，若存在该文件，需修改对应的基础配置。

2. 检查Angular构建配置（angular.json） #

• 查看projects -> [你的项目名] -> architect -> build -> options，确保没有开启生成单独JS的选项，比如outputHashing仅针对bundle，不会生成单个TS对应的JS文件。
• 若有自定义构建脚本，确认没有添加单独编译TS文件的命令。

3. 移除单独编译命令 #

检查package.json的scripts部分，若存在tsc constants.ts或其他单独编译TS文件的命令，直接删除。

4. 禁用VS Code自动TS编译（若开启） #

• 打开VS Code设置，搜索typescript.compileOnSave，将其设置为false。
• 检查工作区设置中是否有局部编译配置，确保不会自动编译孤立文件。

5. 配合Git忽略文件（可选但推荐） #

为防止意外生成的文件被提交，在.gitignore中添加：

*.js
*.js.map
!node_modules/**/*.js

内容的提问来源于stack exchange，提问作者Fahad Ali