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

Question

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

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

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

标签： sasspreact

Answer 1

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

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