タグ

@importに関するyk_acのブックマーク (4)

  • Sass: The Module System is Launched

    The Sass team has known for years that the @import rule, one of the earliest additions to Sass, wasn’t as good as we wanted it. It caused a litany of problems for our users: It was next to impossible to figure out where a given variable, mixin, or function (collectively called "members") was originally defined, since anything defined in one stylesheet was available to all stylesheets that were imp

  • 【Sass】@importから@useに移行した顛末記

    はじめに 2022年10月頃にはSassで@importが使えなくなるのに、やっと重い腰を上げて@useに移行しました😓 移行する中で引っかかったことや構成のアイデアを共有していこうと思います。 Episode 0:置き換えるだけじゃダメでした それはそうだろう、という話ですが、 @importを@useに置き換えるだけではダメです笑 各ページでの読み込みや名前空間の指定が必要になるので、エラー吐きまくります!😭 Episode 1:逐一読み込ませてみる 変数用ファイルを逐一@useで読み込みが必要 ひとまず、style.scssの@importを@useに変更した後、 エラーで怒られた変数やmixinsの読み込みを解消します。 例:

    【Sass】@importから@useに移行した顛末記
  • 今度こそ@importをやめる! | 株式会社ヌーラボ(Nulab inc.)

    こんにちは、UXエンジニアのヨーナスです。今回のブログリレー投稿では、よく後回しにされがちなSassの@importアットルールの廃止に伴うリファクタについて書きます。 基的には人間というのは、変化が苦手なものです。もちろん、僕もそうです。一度いいやり方を見つけるとそれにずっと従いがちな性格です。何かの明らかなメリットが見えないと一回慣れたやり方でずっとやってしまうタイプです。ですが、いざ新しいことに挑戦してみると、結局やってみてよかった〜と毎回終わりに思います。そもそもSass自体もそうでしたし、TypeScriptもそうでした。一度その良さを味わうと元には戻れなくなります。 新しいことに挑戦するのはいいことですが、実は、今回の記事の内容は「挑戦」というまでもなく、まったく複雑ではありません。それでも、記事として少しでも役に立てばなーと思いながら書きます。僕は初めて@importを@u

    今度こそ@importをやめる! | 株式会社ヌーラボ(Nulab inc.)
  • Sassの新しいモジュールシステム

    Sassに新しいモジュールシステムが導入されます。具体的には@useと@forwardという2つのルールが登場し、@importルールは将来的に廃止される予定です。現在、Sassのおもな実装としてDart SassとLibSassがありますが、まずDart Sassへの実装が進んでいて、今年10月に安定版がリリースされる予定です。この新しいモジュールシステムを簡単に紹介したいと思います。 なお、ここで言うSassの「モジュール」とは、メンバー(変数、関数、ミックスイン)のコレクションを指し、具体的にはSassのソースファイルのことです。 背景 新しいモジュールシステムが開発された背景として、@importルールがかかえる多くの問題があります。ファイルスコープがないため依存モジュールの把握が困難になったり、名前空間を持たないためにライブラリの作者と利用者が命名を工夫しないといけなかったり、と

    Sassの新しいモジュールシステム
  • 1