この記事はcss-loaderでscoped cssを触ってみたときのメモ程度の記事です。実際にこれを使ってなにか作ってみたわけではないのでハマりどころなど理解していません。間違いがあればご指摘よろしくお願いします。 webpack/css-loader: css loader module for webpack css-loaderでscoped cssを実現する方法としてlocal scopeとcss modulesという2つ方法がある。2つの違いはdefaultのscopeがlocalになるかglobalになるかだけ。 どちらも該当のclassセレクタを他と名前が衝突しない一意性のあるclass名に変換してscoped cssの実現している。つまりBEMのような命名規則を意識せずによくなる。 local scope css-loaderはdefaultがglobal scopeで:
