我使用@angular/cli（12.2.13）創建了一個新專案：
ng new test
我還說我希望配置與scss.
在我的 中styles.scss，我確實添加了：
:root {
--myVar: red;
}
然后我跑 ng build --configuration production
當我檢查index.html我的dist/檔案夾中的結果時，我有：
<style>:root{--myVar:red}</style><link rel="stylesheet" href="styles.b08f420056d5c4d3e83d.css" media="print" onload="this.media='all'"></style>
與styles.b08f420056d5c4d3e83d.css也含:root{--myVar:red}
在生產中，它確實會導致該 css 變數出現兩次。有什么辦法可以防止這種情況嗎？
uj5u.com熱心網友回復：
你所看到的問題，更像是一種優勢。您在 angular 中描述的情況稱為行內關鍵樣式。Angular 從你的 css 中檢查最常用的值并將其行內，以減少第一次內容繪制時間。
如果您想禁用它，請angular.json在構建部分編輯您的角度配置 ( ) 以具有以下內容：
"optimization": {
"styles": {
"inlineCritical": false
}
}
更多angular.io 檔案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/359300.html
上一篇：為什么標準元素上的偽選擇器樣式規則也適用于相關的偽元素？
下一篇：拖放和調整大小重疊