Html 如果sourcemap在Angular中设置为false,会发生什么情况

Html 如果sourcemap在Angular中设置为false,会发生什么情况,html,node.js,angular,typescript,angular-cli,Html,Node.js,Angular,Typescript,Angular Cli,我是新来的。我在tsconfig.json中看到了sourcemap,默认情况下它是“sourcemap”:true。我没有什么疑问,觉得这很有用。我仍然对同样的问题有以下疑问 我设置了“sourceMap”:false,但在应用程序中找不到任何更改。如果我这样设置,实际的变化是什么?当sourceMap设置为false时。输出将在不使用sourcemap文件的情况下生成。如果没有它,您就无法在ts文件上使用浏览器进行调试。应用程序的运行方式不会发生任何变化 更改将出现在您的调试体验中 有助于调

我是新来的。我在
tsconfig.json
中看到了
sourcemap
,默认情况下它是
“sourcemap”:true
。我没有什么疑问,觉得这很有用。我仍然对同样的问题有以下疑问


我设置了
“sourceMap”:false,但在应用程序中找不到任何更改。如果我这样设置,实际的变化是什么?

sourceMap
设置为
false
时。输出将在不使用sourcemap文件的情况下生成。如果没有它,您就无法在ts文件上使用浏览器进行调试。

应用程序的运行方式不会发生任何变化

更改将出现在您的调试体验中


有助于调试代码。您用TypeScript编写代码,编译器将源代码转换为JavaScript。当您的应用程序在Firefox等浏览器中运行时,浏览器将运行JavaScript。即使浏览器正在运行JavaScript,如果您在Firefox中打开调试器,调试器也会显示TypeScript源代码,并允许您在其中设置断点。调试器之所以能够做到这一点,是因为源映射将TypeScript源代码映射到JavaScript运行时代码。这就是源代码映射所做的:它们将源代码映射到运行时代码,以启用运行时的源代码调试。

sourceMap
仅用于开发体验(调试),通常在生产构建中不需要这些文件,如果选中angular.json,您会发现它为您设置为false

  "configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.prod.ts"
        }
      ],
      "optimization": true,
      "outputHashing": "all",
      "sourceMap": false,  <----
      "extractCss": true,
      "namedChunks": false,
      "aot": true,
      "extractLicenses": true,
      "vendorChunk": false,
      "buildOptimizer": true
    }
“配置”:{
“生产”:{
“文件替换”:[
{
“替换”:“src/environments/environment.ts”,
“with”:“src/environments/environment.prod.ts”
}
],
“优化”:没错,
“输出授权”:“全部”,

“sourceMap”:false,这绝对是我想要的。但还有一个问题是Angular 12默认在生产模式下运行,因此,我也无法调试。我无法找到将其设置为开发模式的配置,因此,我可能会进行调试。你能建议我如何解决它吗。