gajus / gajus/babel-plugin-react-css-modules

Not compatible with css-loader@3.0.0

オープン
#258 コメント 4 件 リアクション 0 件 担当者 0 名 GitHub で見る
help wanted question
主要言語
JavaScript
スター
2k
フォーク
159
PR マージ指標
30日以内にマージされた PR はありません

説明

I have `localIdentName` set to `'[path]___[name]__[local]___[hash:base64:5]'` in the `css-loader`, but as of 3.0.0 this generates a name (in css-loader) where slashes and dots aren't replaced with dashes but rather escaped.

That's a bit uglier to read now (anyway, they aren't really meant for humans) -- but the main problem is that this plugin now generates invalid `className` values because it's using the old logic.

Example:

className: `rb-client-js-modules-landing-___Landing-module__landing-page-card___kz6iY`
css: `.rb\/client\/js\/modules\/landing\/___Landing\.module__landing-page-card___kz6iY`

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

まず、示されている localIdentName を使って css-loader@3.0.0 の例を再現し、次にこの plugin が CSS module 名から className の値をどのように導出するかを追跡します。生成された className と escaped CSS selector を比較し、compatibility fix 後も両者の整合性が保たれていることを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。