Elektron-kompilieren, wie man scss oder mindestens css mit reagieren benutzt?

Ich würde ein Beispiel zur Arbeit mit scss oder mindestens mit css zusammen mit ReactJs und Electron-compile schätzen.Elektron-kompilieren, wie man scss oder mindestens css mit reagieren benutzt?

Danke!

Quelle

2017-10-19 Nemanja Milosavljevic

electron-prebuilt-compile hilft Ihnen dabei. Von their own provided example:

<head> 
    <link rel="stylesheet" type="text/less" href="main.less" /> 
</head> 

<body id="host"> 
    <script type="application/javascript"> 
    import React from 'react'; 
    import ReactDOM from 'react-dom'; 
    import TodoApp from './components/TodoApp'; 

    ReactDOM.render(React.createComponent(TodoApp), document.getElementById('host')); 
    </script> 
</body>

Wenn Sie webpack verwenden möchten, können Sie einen Blick auf electron-webpack haben, die add-ons haben zu handhaben Reaktion, SASS, LESS usw.

Quelle

2017-10-22 10:42:32 kontrollanten

Ja, ich das gesehen habe , aber das Problem besteht darin, dass es nur die globale Datei abdeckt, die eine Datei, die Sie in Ihre Anwendung aufnehmen können. Dies begrenzt die Flexibilität. Angenommen, Sie haben eine Komponente, und wie fügt man dann ein komponentenspezifisches Stylesheet hinzu? Dies ist etwas, was bei React normal ist. –

Da Sie keine Beispiele angeben, ist es schwierig, Ihnen zu helfen. Ich nehme an, Sie haben versucht, "Import"/"Style.less" aus Ihrer React-Komponente zu importieren. – kontrollanten

Elektron-kompilieren, wie man scss oder mindestens css mit reagieren benutzt?

Antwort

Verwandte Themen