Reactとcss-loader

ReactとCSSを書いた後にRadiumを使ってみたのだけど、いまいち微妙な感じだった。 CSSをJSのオブジェクトで書いて、頑張ってタグのひとつひとつにstyle属性を書いていく、というふうなことになって普通にCSSを書くよりもかなり残念な感じになった。 （もしかすると自分のRadiumの使い方がおかしいのかもしれないのだけど） 数日前たまたまcss-loaderのリポジトリを見ていたら、ローカルスコープ風にCSSが書ける、というような記述があって気になって試してみた。 webpack.config.coffee webpack.config.jsからwebpack.config.coffeeを読み込むように書いて、webpack.config.coffeeに以下の様な設定を書く。 module: loaders: [ { test: /\.css$/, loader: 'style!

[efcl]

CSS Modulesの実装であるcss-loaderを使ってReact Componentのclassに:localなCSSを適応する話。 仕組み的にはractiveのcss encapsulationnのプリプロセス的な感じ