$schema

JSON Schema 是一個允許我們注解和驗證JSON數據格式的工具。

我們可以在任何使用Angular cli創建的Angular應用的node_module對應路徑下找到這個schema.json文件：C:\Code\SPA\sandbox\node_modules@angular\cli\lib\config\schema.json

比如我們編輯angular.json文件時，有些字段比如cli.packageManager為什么可以出現自動完成的提示：

是因為所有這些可選項都定義在schema.json文件里了：

又比如projecttype字段，有且只有application和library兩種。

projects

sandbox就是我的應用名稱,也是Angular應用的根目錄名稱。

schematics

指定該應用從Component層級統一使用scss作為style技術：

architect

ng serve的含義也能在schema.json里查到：Compile and Serve the app.

ng serve指向的目標是sandbox:build, 使用的builder為@angular-devkit/build-angular:dev-server：

做個試驗，如果我把browserTarget改成sandbox:build2,

會報錯：

An unhandled exception occurred: Invalid target: {“project”:“sandbox”,“target”:“build2”}.
See “C:\Users\I042416\AppData\Local\Temp\ng-dOBpdq\angular-errors.log” for further details.

除非把architect下的build也跟著改成build2才行：

這是我design time時的index.html文件，里面沒有script標簽頁：

ng serve之后，打開的localhost里取回的html,里面多了很多script標簽：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular应用的angular.json文件字段一览的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。