如何在 node_modules 中的 .scss 文件中使用 mixins 到我们的 .tsx 或 .jsx 中进行样式设置

Question

我在已安装的 node_modules 之一中有一个 .scss 文件。 我想将该 scss 文件导入到 .tsx 文件中，以设置我要创建的组件的样式。 @mixin make-embedded-control($className: embedded-control){.....} scss 文件具有以下 mixin，其中包含我打算在 .tsx 文件中使用的所有 css 类，但正常导入是不工作。 由于合规性问题，我无法共享源代码。 我是 scss 的新手，所以如果有人能帮忙，我会很高兴。

Answer 1

您不能在打字稿中使用 mixin。 要在 Typescript 中使用 scss 文件，您必须：

如果您使用的是打字稿，请安装 SASS 及其打字文件。

npm i -D node-sass
npm i -D @types/node-sass

在 .ts 中导入 scss 文件

import './style.scss';