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

How to Ignore Third Party Component css files while using babel-plugin-react-css-modules

オープン
#98 コメント 16 件 リアクション 1 件 担当者 0 名 GitHub で見る
question
主要言語
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

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

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