gajus / gajus/babel-plugin-react-css-modules
How to Ignore Third Party Component css files while using babel-plugin-react-css-modules
- 主要言語
- JavaScript
- スター
- 2k
- フォーク
- 159
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
I have this situation where in one of my Component JSX file (For Eg. List.jsx) is importing the styles as follows:
```
import styles from "./css/list.rcss";
import "fixed-data-table.css";
import "./css/fixed-data-table.css";
```
1st import, the .rcss is our local css files where we use the react-css-modules rules
2nd import belongs to the FixedDataTable Component (Third Party)
3rd import is Global css file that uses standard css rules
This works well with **react-css-modules** but **babel-plugin-react-css-modules** throws the error because we are importing two anonymous imports.
Is there a workaround or fix for this?
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
調査の方向性
List.jsx の import 例から始め、babel-plugin-react-css-modules がローカルの .rcss import と 2 つの匿名 CSS import をどのように処理するかを調査します。これら 3 つの import で報告されたエラーを再現し、その後、サードパーティおよびグローバルの CSS import で失敗しなくなり、CSS モジュールの処理は引き続き機能することを確認します。issue では特定のテストファイルは指定されていません。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- babel, css, javascript, react
- 領域
- frontend, tooling
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100