Renderowanie Reaguj ze stylami na komponentach na serwerze

Question

Używam React dla moich komponentów, a żeby spakować style z moimi komponentami, wymagam ich zgodnie z udokumentowaną metodą Webpack: require('./style.css'); Ale kiedy Próbuję renderować na serwerze, węzeł-jsx zgłasza błąd podczas próby przekształcenia pliku css. Czy istnieje inny sposób przekształcania jsx, który nie zostanie przerwany na css? Wolałbym nie łamać tych stylów na własną rękę, ponieważ mogłoby to pozytywnie wpłynąć na korzyść komponentów opakowaniowych.

Answer 1

Można to rozwiązać konfigurując "docelową" konfigurację pakietu sieciowego na "węzeł".

Ta prosta przykładowa aplikacja powinna wyjaśnić to jasno.

https://github.com/webpack/react-webpack-server-side-example/blob/master/webpack.config.js

Answer 2

Można użyć require.extensions takiego:

require.extensions['.css'] = function() {return null}