1. 程式人生 > >angular6 中angular.json中引數詳解

angular6 中angular.json中引數詳解

其實我覺得配置項這個東西應該是很簡單的,畢竟是配置項,引數拿過來抄一下就行了.又不是寫什麼樣式寫什麼邏輯的

但是吧,居然還真的在百度上找不到什麼能看的東西,尤其是我現在升級到angular6,網就真的找不到什麼能看的東西了,於是乎,這個看著感覺隨便抄抄的內容讓我不得不自己研究一下了.

我研究這個東西最初就是看的這個部落格.

在這裡插入圖片描述

在這裡插入圖片描述

唉,果然是沒什麼用,不能指望他們換湯不換藥.

在angular6(angular-cli版本是6.0.8)完全沒用,網上又找不到什麼有用的文件,我就去自己去看angular-cli的部分了.

我就是想單純的把這個spec.ts幹掉,因為我們這邊沒有這麼精細化的測試.實在是用不著,然後把,每個元件的css其實也用不著,所以看著讓我這個強迫症很難受,我又不喜歡每次新建了之後一個個刪,真的很難受.

所以我一定要把這個東西給幹掉.

在這裡插入圖片描述

關於模板.見上圖,人家清清楚楚明明白白寫了,在什麼地方.只是很多人不會研究現有的東西,或者說他不知道各個模組之間的對應關係,所以容易遺漏.

程式的世界裡,沒有一行程式碼是可有可無的,如果可有可無,要麼是duplicate definition了,要麼就是帶著下滑波浪線的置灰(webstom編輯器未引用的定義帶著下劃波浪線置灰,下滑波浪線置灰效果如下圖所示),註釋都是有作用的.

在這裡插入圖片描述

所以遇到問題,先在問題附近找找,說不定就有解決方案.

畢竟人家作者也不傻,為了避免你們找他提各種issue,人家肯定儘量給你寫在那,畢竟這東西是給人用的不是.

“./node_modules/@angular/cli/lib/config/schema.json” 在這裡插入圖片描述

自己去自己專案node_modules下去翻一下,我就不貼上了.大家的地址應該都是一樣的.

艾瑪人家這注釋寫的,真完美,沒有任何瑕疵.從型別,描述,示例值,目錄結構都很完善. 就是稍微多了一點,容易讓初學者繞的有點頭疼,容易摸不著頭.

以建立component的時候不要spec.ts為例,先找到控制建立spec的這部分內容,因為spec太多所以我搜索了inlineStyle關鍵字(因為component相關的設定基本都在一起),然後找到的內容如下,找到@schematics/angular:component控制ng g component xxx的部分

"schematicOptions":
{ "type": "object", "properties": { "@schematics/angular:component": { "type": "object", "properties": { "inlineStyle": { "description": "Specifies if the style will be in the ts file.", "type": "boolean", "default": false, "alias": "s" }, "styleext": { "description": "The file extension to be used for style files.", "type": "string", "default": "css" }, "spec": { "type": "boolean", "description": "Specifies if a spec file is generated.", "default": true } } } } }

這一塊詳細的解釋了這幾個值的值型別,預設值以及描述.

然後在全域性搜尋,發現這個配置項可以在多個地方進行使用.(一共三處,一個是配置項的最外層,一個是project內,一個是global內)

在這裡插入圖片描述

在這裡插入圖片描述

在這裡插入圖片描述

也就是說這三個地方都可以進行這個東西的配置.

我沒什麼限制,所以就直接在某個project(project名打碼)裡面寫了

在這裡插入圖片描述

結果如下

在這裡插入圖片描述

我覺得我寫得可以說是精細入微了,從研究思路到具體操作都一步步寫的清清楚楚了.

沒看懂就多看幾遍吧, 基本都是遇到我覺得網上找不到的內容才會寫在部落格裡.

還有問題不明白的可以加我QQ:1005100328

偶爾會比較忙.

歡迎分享有意思的難題一起研究.