Sass 部落格

第 1 頁,共 8 頁

  • 宣佈 `pkg:` 匯入器

    Natalie Weizenbaum 於 2024 年 2 月 16 日張貼

    幾個月前,我們 徵求意見回饋,針對一項提案提出建議,為匯入器制定新的標準,該匯入器可以使用共用的 pkg: 架構從各種不同的套件管理員載入套件,並內建支援 Node.js 模組解析演算法的 pkg: 匯入器。今天,我很高興地宣佈此功能已在 Dart Sass 1.71.0 中發布!

    您不再需要手動將 node_modules 新增到您的 loadPaths 選項中,也不必擔心巢狀套件是否能正常運作。您不再需要在您的網址中加入 ~,並放棄所有可攜性。現在,您只要傳遞 importers: [new NodePackageImporter()] 並撰寫 @use 'pkg:library',就能立即正常運作。

    什麼是 pkg: 匯入器?什麼是 pkg: 匯入器? 永久連結

    pkg: 匯入器視為一種規格,任何人都可以透過撰寫 自訂匯入器來實作,遵循 一些規則。我們已為 Node.js 模組演算法實作一個,但您可以實作一個載入 Sass…

  • 意見徵詢:套件 匯入器

    詹姆斯·斯塔基韋伯於 2023 年 9 月 26 日發布 

    Sass 使用者經常需要使用相依項的樣式,以自訂現有主題或存取樣式實用程式。過去,Sass 沒有指定使用相依項套件的標準方法。這導致產生各種特定於網域的解決方案,包括 Webpack 中的 ~ 前綴,以及將 node_modules 加入 loadPaths

    這一直是常見的痛點,而且可能會讓依賴相依項變得困難。這也可能讓將專案移至新的建置 程序變得更困難。

    套件匯入器套件匯入器永久連結

    我們建議採用一種新的匯入器類型,讓使用者可以使用 pkg: URL 架構,指示 Sass 使用特定 環境的解析標準和慣例來解析相依項 URL

    為了處理最大的使用案例,我們建議為 Node 生態系統定義內建套件匯入器。我們建議套件作者在套件的已散發 package.json 中為其套件的進入點定義 sass 條件式匯出。例如,包含下列內容的 package.json:…

  • 瀏覽器中的 Sass

    娜塔莉·韋森鮑姆於 2023 年 7 月 7 日發布 

    在 Sass 的生命週期中,我們看到許多我們率先開發的功能已採用在瀏覽器中。 CSS 變數數學函式,最近的 巢狀 都受到 Sass 的啟發。但將 Sass 本身 作為編譯器在瀏覽器中執行是不可能的…直到 現在。

    隨著 Dart Sass 1.63 的發布,我們正式為 sass npm 套件新增支援,以便直接在瀏覽器中執行。遊樂場或網路 IDE 的創建者不再需要進行伺服器呼叫來編譯其 Sass。現在,您只需載入它並直接在您的 網頁上使用它。

    事實上,您現在就可以試用了!只要開啟您的開發人員主控台並執行 這個

    const sass = await import('https://jspm.dev/sass');
    sass.compileString('a {color: #663399}');

    我還能如何使用它?我還能如何使用它? 永久連結

    我們已盡力確保 Sass 在瀏覽器中可以以各種方式使用。它可以 是…

  • 徵求意見:新的嵌入式 通訊協定

    由 Natalie Weizenbaum 於 2023 年 5 月 20 日發布

    如果您不是嵌入式 Sass 通訊協定的主機套件作者,您可以略過這篇部落格文章,但如果您夠宅,您可能會覺得它很有趣 

    我們計畫對嵌入式 Sass 通訊協定進行多項重大變更,我們希望在我們確定新的執行方式之前獲得您的意見回饋。我們打算一次進行多項重大變更,以將對 最低限度的中斷總數保持在最低限度。

    我們計畫進行兩項重大的重大 變更

    1. Dart Sass 嵌入式主機不再會以獨立可執行檔形式發布。現在會將其打包到 Dart Sass 主要可執行檔中,可透過執行 sass --embedded 來存取。

    2. 嵌入式協定的每個封包現在都包含編譯 ID 作為封包結構的一部分,而不是在通訊協定緩衝區定義中宣告。

    我們利用這個機會也引進三個小得多的重大變更

    1. 嵌入式協定的規格和通訊協定緩衝區定義…

  • Sass 和原生巢狀

    Natalie Weizenbaum 於 2023 年 3 月 29 日張貼

    今天發布的 Chrome 112 穩定版是第一個加入支援新的 原生 CSS 巢狀功能 的穩定瀏覽器。此功能(靈感來自 Sass 的巢狀)新增在純文字 CSS 中巢狀樣式規則的能力,甚至使用 Sass 的 & 約定來參考父層選擇器。

    我們 Sass HQ 的每位成員每次我們的語言設計啟發 CSS 本身的改進時都備感榮幸。我們很興奮看到巢狀的可用性和清晰度優點帶給更多 CSS 作者,因為越來越多的瀏覽器持續推出對此功能的支援。

    Sass 巢狀的未來Sass 巢狀的未來 永久連結

    不過,這引發了一個重要問題:Sass 的巢狀會怎麼樣?首先,我們絕不會變更現有的有效 Sass 程式碼,讓它開始產生與廣泛使用的瀏覽器不相容的 CSS。這表示即使我們決定逐步淘汰 Sass 巢狀,並只產生純文字 CSS 巢狀,我們也不會這麼做,直到 98% 的…

下一頁