有没有办法从 VMware Clarity 导入组件特定的 scss 文件？答案

【问题标题】：Is there a way to import component-specific scss file from VMware Clarity?有没有办法从 VMware Clarity 导入组件特定的 scss 文件？
【发布时间】：2018-08-23 17:09:31
【问题描述】：

我正在尝试使用 VMWare Clarity 样式创建 React 组件。有没有办法导入特定于组件的 .scss 而不是导入 clr-ui.min.css？

【问题讨论】：

在此处查看自定义主题部分：vmware.github.io/clarity/documentation/v0.12/themes。如果您使用 Clarity SCSS 构建自定义主题，这就是您将 scss 文件集成到标准 angular cli 应用程序中的方式。我并不真正熟悉 React 应用程序是如何为开发和生产构建的，所以你必须弄清楚在哪里为你的应用程序导入 Clarity scss。
如果你使用通过 NPM 安装的 @clr/ui 版本，你不能，如果你真的需要它，你可以尝试使用这些源文件。老实说，我不知道它是否值得。整个 CSS 文件大约 400KB，webpack 只能捆绑你真正需要的

标签： vmware-clarity

【解决方案1】：

目前在每个组件的基础上为 Clarity 隔离样式并非易事。您可能有几个选择，所有这些都应该仔细考虑。我对 React 构建工具不够熟悉，不知道这些工具的效果如何。

使用像https://github.com/uncss/uncss 这样的工具可以从你的包中删除未使用的CSS。
构建您自己的 Clarity 版本，它只导入您需要的内容，但要知道这是不受支持的，除非您遵循主题文档 https://vmware.github.io/clarity/documentation/v0.12/themes。将来，我们计划让这更容易，但它会进行重大改革。
将我们的 SCSS 文件复制到您的项目中，但这意味着您将来失去 Clarity 的升级能力。

【讨论】：