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
偶爾會比較忙.
歡迎分享有意思的難題一起研究.