Angular 4，使ng lint錯誤致命

Question

Angular CLI有一個內置的linter，運行ng lint將lint我的代碼庫並報告任何錯誤。它甚至可以自動修復一些。

有沒有一種方法可以讓linter錯誤致命，同時運行該網站ng serve？即我想在網站的首頁上顯示一條錯誤消息，如果任何代碼沒有正確地分割？

Answer 1

這對今天的工具是不可能的。

你可以做的是在你最喜歡的編輯器中獲得tslint擴展名。這將在編輯器中顯示錯誤。對於VS Code，只需搜索tslint即可直接顯示擴展名。

您也可以將它作爲NPM腳本的一部分。例如，在你的package.json：

 
"scripts": { 
    "build": "ng lint && ng build" 
} 

這仍然不是交互式的，但你可以在它的版本需要開發人員將代碼運行之前，你的CI構建工具運行也是如此。

對於交互式體驗，代碼編輯器擴展儘可能地接近它。在VS Code中，tslint錯誤顯示在文件本身以及錯誤面板中，這對於我所使用的開發人員來說非常合適。