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

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

Đang mở
#98 16 bình luận 1 reaction 0 người được giao Xem trên GitHub
question
Ngôn ngữ chính
JavaScript
Star
2k
Fork
159
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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?

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Hướng nghiên cứu

Bắt đầu với ví dụ import trong List.jsx và kiểm tra cách babel-plugin-react-css-modules xử lý import .rcss cục bộ cùng với hai import CSS ẩn danh. Tái hiện lỗi được báo cáo với ba import này, sau đó xác minh rằng các import CSS của bên thứ ba và CSS toàn cục không còn bị lỗi, trong khi việc xử lý CSS module vẫn hoạt động; issue không nêu tệp kiểm thử cụ thể nào.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
babel, css, javascript, react
Lĩnh vực
frontend, tooling
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.