gajus / gajus/babel-plugin-react-css-modules
How to Ignore Third Party Component css files while using babel-plugin-react-css-modules
- 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