一个 SPFx Web 部件可以使用多个 scss 吗？

Question

我是 SharePoint 框架 (SPFx) 的新手。我正在尝试将旧内容类型 Web 部件转换为 SPFx Web 部件。早些时候我们使用了多个 css 文件并包含在 html 页面中。但是对于 SPFx Web 部件，我陷入了如何为一个 Web 部件使用多个 scss 的问题。我进行了搜索，但找到了有关如何为您的 Web 部件提供 scss 名称的建议，但我没有发现它只允许一个 scss 或其他名称。

所以我想知道是否可以为一个 Web 部件创建多个 scss 文件？如果是，那么如何？

Answer 1

这应该很容易完成。只需将新的 .module.scss 文件添加到您的解决方案并使用唯一标识符引用它。

示例：

import styles from './Existing.module.scss'; // this is the one you already have
import additionalStyles from './Example.module.scss'; // your new module

然后你可以参考这些像<div className={additionalStyles.awesomeClass} />

一个 SPFx Web 部件可以使用多个 scss 吗？

Can more than one scss be used for one SPFx Web Part?

spfx

scss-mixins