電子編譯如何使用scss或至少css與反應？

我很感激如何與scss或至少css一起ReactJs和Electron-compile一個例子。電子編譯如何使用scss或至少css與反應？

謝謝！

2017-10-19 Nemanja Milosavljevic

electron-prebuilt-compile幫助你。從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>

如果你想使用的WebPack你可以看看electron-webpack具有add-ons處理反應，上海社會科學院，LESS等等

來源

2017-10-22 10:42:32 kontrollanten

是的，我已經看到了這個，但問題在於它只覆蓋了可包含在應用程序中的全局文件，即一個文件。這限制了靈活性。假設你有一個組件，那麼如何添加一個特定於組件的樣式表呢？這是用React完成的正常事情。 –

由於您沒有提供任何示例，所以很難爲您提供幫助。我猜你已經嘗試從你的React組件中導入'.style.less' – kontrollanten

電子編譯如何使用scss或至少css與反應？

回答

相關問題