Styling shareable Componente React?

1

Ho cercato un buon modo per modellare un componente reattivo usando solo fogli di stile CSS. Avrei usato lo style-loader, perché è facile come require('./style.css') e consente di salvare gli stili finali in un foglio di stile per la produzione, ma ... Sto cercando di creare un componente di reazione condivisibile (lo pubblicherò come una libreria che chiunque può usare), quindi l'utilizzo di webpack o altri tipi di bundle non funzionerà (altrimenti la libreria di React verrà associata al mio codice).

È giusto lasciare solo require('./style.css') nel mio codice sorgente, e forse dare per scontato che l'utente abbia il caricatore di stili o qualcosa di simile che può riconoscere che richiede risorse css? O c'è un modo più elegante che sarebbe ancora facile come richiedere fogli di stile da JS, non avrebbe bisogno che l'utente avesse style-loder e sarebbe isomorfo?

Per favore non offrirmi l'uso di componenti con stili o stili in linea. I fogli di stile offrono molte più funzionalità e non sono disposto a sacrificarlo.

    
posta guitarino 09.07.2017 - 22:57
fonte

1 risposta

2

No, per favore non richiedere il file css in questo modo. Ciò limita i modi in cui è possibile utilizzare il componente.

È piuttosto comune per le persone eseguire lo stesso codice base sul client e sul server. Richiedere un file css non può fare nulla di utile quando si esegue sul server.

Fornisci invece il file css nel bundle e documenta dove si trova. L'utente finale può richiedere (), importarlo in un file scss o qualunque cosa funzioni per loro. Ciò ti dà la migliore flessibilità.

    
risposta data 10.07.2017 - 00:05
fonte

Leggi altre domande sui tag