如何像在 React 中一样在 Preact 中简单地导入样式？答案

【问题标题】：How to do a simple import of a style in Preact as you would do in React?如何像在 React 中一样在 Preact 中简单地导入样式？
【发布时间】：2020-01-19 18:37:23
【问题描述】：

在 React 中，为了设置组件样式，我只需导入与组件位于同一目录中的样式文件，例如 import './style.scss'。简单易行，没有问题。

但是，我似乎无法在 Preact 中完成这项工作。样式文件永远不会被应用，即使在遵循文档并且当然安装了node-sass 和sass-loader 之后。我看到很多使用 CSS 模块的示例，还有一些在 JS 中使用 CSS 的示例，但如果可能的话，我想做一个沼泽标准导入。

提前感谢您提供的任何帮助。

【问题讨论】：

标签： sass preact

【解决方案1】：

显然解决方案是通过安装 css-loader 并将以下内容添加到我的 preact.config.js 中来完全禁用 CSS 模块：

const css = helpers.getLoadersByName(config, 'css-loader')[0];
css.loader.options.modules = false;

【讨论】：