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

【问题标题】：Can more than one scss be used for one SPFx Web Part?一个 SPFx Web 部件可以使用多个 scss 吗？
【发布时间】：2020-05-29 21:32:13
【问题描述】：

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

所以我想知道一个 Web 部件是否可以有多个 scss 文件？如果是，那怎么办？

【问题讨论】：

标签： spfx scss-mixins

【解决方案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} />这样引用这些

【讨论】：