沒有註釋的 Angular 應用程式

Question

是否有任何配置設定可以刪除這些空白註解和空格？

我的建置指令是 ng build --environment prod --progress false --target production 和 tsconfig 是：

{
    "compileOnSave": false,
    "compilerOptions": {
        "alwaysStrict": true,
        "baseUrl": "/",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "forceConsistentCasingInFileNames": true,
        "lib": [ "es2015", "dom" ],
        "module": "es2015",
        "moduleResolution": "node",
        "newLine": "CRLF",
        "noFallthroughCasesInSwitch": true,
        "noImplicitAny": true,
        "noImplicitReturns": true,
        "noUnusedLocals": true,
        "noUnusedParameters": false,
        "outDir": "./dist/out-tsc",
        "removeComments": true,
        "skipDefaultLibCheck": true,
        "skipLibCheck": true,
        "strictNullChecks": true,
        "target": "es5",
        "typeRoots": [ "./node_modules/@types" ]
    }
}

@angular/cli：1.0.4

節點：7.2.1

作業系統：win32 x64

# @角度/常見：4.1.3

謝謝。

Answer 1

這些註解中的每一個都是一個 ViewContainerRef，Angular 使用它來保留可以渲染視圖的表達式的位置。

當你有一個ngIf 時，如果表達式被計算為false，顯然Angular 不會渲染該元素，但是一旦它變成true，它就會渲染該元素，那麼它是如何知道的把它放在哪裡？

當然還有其他表達式求值和視圖模板綁定，但 ngIf 是最容易理解的

這就是這些評論的來源。

Answer 2

這是根據您的 Angular 指令、標籤、條件（if、for...）產生的，因此此空格是必需的。如果您刪除它，那麼它的表現將不會很好，所有兩種方式的綁定都會消失。這些空間決定您的角度 DOM 將如何渲染並綁定到模型和變數。另外，註釋追蹤新 DOM 元素將呈現的位置（如果條件和其他）。

請參閱此連結以獲取更多資訊：https://github.com/angular/angular .js/issues/8722