电子编译如何使用 scss 或至少 css 与反应？答案

【问题标题】：Electron-compile how to use scss or at least css with react?电子编译如何使用 scss 或至少 css 与反应？
【发布时间】：2018-04-01 01:37:33
【问题描述】：

我希望有一个示例说明如何使用 scss 或至少使用 css 以及 ReactJs 和 Electron-compile。

谢谢！

【问题讨论】：

标签： css reactjs sass electron electron-forge

【解决方案1】：

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 来处理 React、SASS、LESS 等。

【讨论】：

是的，我已经看到了，但问题是它只涵盖了全局文件，即一个文件，您可以将其包含在您的应用程序中。这限制了灵活性。假设您有一个组件，那么如何添加特定于组件的样式表？这是使用 React 完成的正常事情。
由于您没有提供任何示例，因此很难为您提供帮助。我猜你已经在 React 组件中尝试过 import './style.less' 了？