How to import css from node module in Reagent

Question

I just tried to create a project in clojurescript, that uses react-table. I import react-table like that

(:require [react-table :as rt :default ReactTable])

Obviously, this isn't imported CSS from react-table.

In javascript+React it would be import "react-table/react-table.css"

Question: What I should do in the clojurescript? For now, I just copied CSS from react-table to my css folder and link it in my index.html

score 3 · Answer 1 · answered Oct 25 '19 at 02:46

3

As I using shadow-cljs to compile clojerescript, after a little googling I realized

shadow-cljs does nothing about packing css and you should use something else
one variant of 'something else' modular-styles
for react-table I will end up with custom styles anyway, so the current "solution" is good enough.

P.S. I'll try to configure modular-styles in my project, and then I'll update this answer.

answered Oct 25 '19 at 02:46

Alex Moskvichev

Did you succeed in configuring your project? – Terbiy Jan 05 '20 at 10:13
For now, I switched to the [Material-UI](https://material-ui.com/) which uses [JSS](https://cssinjs.org/?v=v10.0.3) for styling – Alex Moskvichev Jan 14 '20 at 03:36

1 Answers1