Sass ブログ

9 ページ中 3 ページ目

前のページ

• 埋め込み Sass が ライブになりました

  2022年2月1日投稿者：Natalie Weizenbaum

  数年間の計画と開発を経て、ついに埋め込み Dart Sass の安定版リリースと、最初の公式ラッパーであるsass-embeddedパッケージ（npm で利用可能）を発表できることを嬉しく思います！

  埋め込み Sass は、Node.js から始めて、できるだけ多くの異なる言語で高性能な Sass ライブラリを利用できるようにするための継続的な取り組みです。Node.js はすでに純粋なJS sass パッケージにアクセスできますが、JavaScript の性質上、特に非同期モードでは、このパッケージが大きな Sass ファイルを処理する速度に限界があります。sass-embedded は、コンパイル速度が懸念事項である開発者、特にパフォーマンスが Dart Sass を避ける主な理由となっているnode-sass の残りのユーザーにとって、大きな恩恵となることを期待しています。

  sass-embedded パッケージは、新しいJS APIと、いくつかの装飾的なオプションを除くレガシーAPIを完全にサポートしています。sass パッケージの代替としてそのまま使用でき、同じビルドプラグインとライブラリで動作するはずです。ただし、sass-embedded は少し…

• 新しいJS API リリース候補が ライブになりました

  2021年11月21日投稿者：Natalie Weizenbaum

  数ヶ月前に発表した新しい JavaScript API は、Dart Sass で完全に実装され、すぐに試すことができます！新しいAPI は、以前のものよりも直感的で、高性能で、使いやすいように設計されており、ツールパッケージによって迅速に採用されることを願っています。 

  これは非常に大きな追加であるため、正式にリリースする前にユーザーが少し試せるように、Dart Sass 1.45.0-rc.1 でリリース候補としてリリースしました。ダウンロードして試してみて、問題を報告するかツイートを送信してご意見をお聞かせください。大きな変更が必要でない限り、来週中に安定版をリリースする予定です。 

  使用方法使用方法 パーマリンク

  新しいAPIには、4つの新しいエントリポイント関数があります。compile()とcompileAsync()はSassファイルパスを受け取り、それらをCSSにコンパイルした結果を返し、compileString()とcompileStringAsync()はSassソースの文字列を受け取ります。 

• 意見募集：新しいJS API

  2021年8月5日投稿者：Natalie Weizenbaum

  しばらく前から開発中のものを正式に発表できることを嬉しく思います。Sass の全く新しい JavaScript API（提案）です。このAPIは、Node Sass API と、長年にわたる他の言語のさまざまな歴史的な Sass API から得られた教訓に基づいてゼロから再設計されており、既存の APIの多くの欠点を解消しています。

  このAPIには4つの主要なコンポーネントがあり、すべてこの投稿で説明します。 

  • コアコンパイル API
  • ロガー API
  • インポーター API
  • 関数 API

  読み進めていく中で、このAPIはまだ提案段階であることを忘れないでください。正式リリース前に、皆様のニーズを満たしているかどうか、どのように改善できるかについて、ユーザーの皆様からのご意見をお待ちしております。問題トラッカーでご意見をお聞かせください！

  なぜ新しいAPIが必要なのか？なぜ新しいAPIが必要なのか？ パーマリンク

  既存の JavaScript API は時代遅れになりつつあります。Dart Sass よりも前に…

• node-fibers の廃止 

  2021年3月26日投稿者：Natalie Weizenbaum

  最近、残念ながら驚くべきことではないニュースが届きました。node-fibersパッケージが製品寿命の終わりに達し、Node 16との互換性のために更新されなくなりました。Dart Sass はこれまで、JavaScript ユーザーがnode-fibersを渡して非同期render()メソッドのパフォーマンスを向上させることを許可していましたが、今後はNode 16以降では残念ながらこのオプションは利用できなくなります。 

  この失われたパフォーマンスを取り戻すための代替オプションがいくつかあります。その中には、現在利用可能なもの、開発中のもの、理論的には可能だがユーザーからのプルリクエストによって実現できるものがあります。残念ながら、現在準備できているオプションのどれも、node-fibersと同じレベルの使いやすさを備えたドロップインソリューションではないため、そのパフォーマンスが不可欠な場合は、当面はNode 14を使い続けることをお勧めします。 

  何が起こったのか？何が起こったのか？パーマリンク

  ここまでの経緯を理解するには、2つの歴史的背景を知る必要があります。まず、なぜ Dart…

• 意見募集：ファーストクラス Calc

  2021年3月15日投稿者：Natalie Weizenbaum

  Sassで最も要望の多い機能の1つは、calc()式をより簡単に操作できる機能です。これらの式はこれまで不透明に解析されてきました。括弧の間には任意のテキストを入れることができ、Sassはそのテキストを引用されていない文字列として扱います。これにより、Sassのパースが簡素化され、calc()のマイクロ構文をサポートする必要がなくなり、CSS変数をcalc()内で使用することなど、新しい機能が自動的にサポートされるようになりました。

  しかし、これはかなりの使い勝手の悪さにもつながります。各calc()がSassのパースに対して完全に不透明であるため、ユーザーはSass変数を値の代わりに簡単に使用できません。変数を明示的に補間する必要があります。また、calc()式が作成されると、単純な数値のようにSassで操作することはできません。 

  「ファーストクラスCalc」と呼ばれる新しい提案でこれを変更しようとしています。この提案では、calc()（およびその他のサポートされている数学関数）を引用されていない文字列として解析するのではなく、詳細に解析するように変更します。 

次のページ