Is there any configuration setting to remove these empty comments and spaces?
My build command isng build --environment prod --progress false --target productionand tsconfig is:
{ "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
Node: 7.2.1
Operating system: win32 x64
@angle/common:4.1.3
Thanks.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Each of these annotations is a
ViewContainerRefthat Angular uses to hold the position of an expression that can render the view.When you have a
ngIf, if the expression evaluates to false, obviously Angular will not render the element, but once it becomes true, it will render the element, so how Any idea where to put it?Of course there are other expression evaluations and view template bindings, but
ngIfis the easiest to understandThis is where these comments come from.
This is generated based on your Angular directives, tags, conditions (if, for...), so thisspace is required. If you remove it then it won't perform very well and all two way bindings will disappear. These spacesdeterminehow yourangular DOMwill be rendered and bound to models and variables. Additionally, the annotationtracks where the new DOM element will be rendered(if conditional and otherwise).
See this link for more information:https://github.com/angular/angular.js/issues/8722