タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

CSSとwebpackに関するmizdraのブックマーク (2)

  • [意訳]グローバルCSSの終焉 - Qiita

    このポストは以下の記事の意訳です。 The End of Global CSS 何か間違いなどありましたら、ご指摘いただけると幸いです。 (以下、訳) CSSセレクタはすべて同じグローバル空間に存在しています。 CSSに触れた人は皆、以下のような見解に至っていることでしょう。 CSSの考えはドキュメントの時代に設計されたもので、今ではモダンなウェブアプリケーションのためのマトモな開発環境を提供することが困難であると。 全てのセレクタには意図しない副作用を起こす可能性があり、期待と違う要素にスタイルが適用されてしまったり、他のセレクタと競合してしまったりします。さらに驚くべきことに、セレクタはグローバル空間で詳細度の競争に負けることもあり、ページのデザインに全く影響を持たなくなることだってあり得るのです。 CSSファイルを変更する時はいつでも、スタイルが適用されるグローバル空間について慎重に

    [意訳]グローバルCSSの終焉 - Qiita
    mizdra
    mizdra 2022/08/13
    昔の css-loader の CSS Modules モード、`:local` 付けないとクラス名がランダム化されなかったんだ
  • なんとなくで理解しないWebpackのCSS周辺 - Qiita

    CSS in JSに夢を見たが、なかなか一筋縄では行かなかったので1、webpackにおけるCSS気で向き合ってみた。 しかしまだ理解が甘いところがあったのでloader, pluginまわりの関係性を整理した。 (前置き)webpackの基礎情報 css関連の題にはいる前に、webpackの基礎を再確認する。 Webpackの特徴 webpackの特徴的な事項として、CSSや画像など、javascriptでないデータも基的に全てをjavascriptで扱ってしまう、という事が挙げられる。 同等の対抗として挙げられるbrowserifyやrollupは、あくまでも「javascriptのmodule解決」にフォーカスしているのに対して、webpackは全く違う方向を向いている loaderとpluginの違い 結構あやふやに扱っていたが、上記のwebpackの基部分を明確にして考

    なんとなくで理解しないWebpackのCSS周辺 - Qiita
  • 1