Angular中全局引用scss變量

使用情景
  1. 項(xiàng)目比較復(fù)雜的時(shí)候,引用全局css樣式引用路徑會變得很長@import './../../../style.csss'
  2. 在scss中定義了全局的樣式變量,希望在每個(gè)組件都可以直接使用。
解決方案

我是用的angular9, 腳手架版本是"@angular/cli": "~9.1.9"

在angular.json中增加:

{
    "stylePreprocessorOptions": {
      "includePaths": [
        "src/styles/"
      ]
    },
    "styles": [
      "src/styles/theme.less",
      "src/styles/index.scss"
    ],
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Vue Vue是一個(gè)前端js框架,由尤雨溪開發(fā),是個(gè)人項(xiàng)目 Vue近幾年來特別的受關(guān)注,三年前的時(shí)候angular...
    hcySam閱讀 336評論 0 0
  • 2018-3-15 星期四 一、安裝 注意:請現(xiàn)在終端/控制臺窗口中運(yùn)行 node -v 和 npm -v,來驗(yàn)證...
    ftmo閱讀 1,218評論 1 2
  • 10分鐘學(xué)會前端工程化(webpack4.0) 目錄 一、概要 1.1、前端工程化 1.1.1、前端工程化的任務(wù) ...
    前端驛站閱讀 655評論 0 1
  • 聲明 本系列文章內(nèi)容梳理自以下來源: Angular 官方中文版教程 官方的教程,其實(shí)已經(jīng)很詳細(xì)且易懂,這里再次梳...
    請叫我大蘇閱讀 1,155評論 0 6
  • React框架學(xué)習(xí) React的起源和發(fā)展 起初facebook在建設(shè)instagram(圖片分享)的時(shí)候嘞,因?yàn)?..
    hcySam閱讀 781評論 0 1

友情鏈接更多精彩內(nèi)容