我如何单独导入所有MDC包,而不是作为材料-组件-web?



我正处于优化阶段,到目前为止,一直在导入material-components-web。现在,我想将整个库作为单独的包导入,这样我就可以注释掉我不使用的模块。因此,我阅读了文档,并为每个包添加了JavaScript导入和初始化以及SASS@uses和@includes,并重命名了重复的style名称空间,并注释了重复的@use引用。然而,我正在与一个未定义的mixin作斗争。

Error
Undefined mixin.
╷
77 │ @include icon-button.core-styles; // Undefined mixin
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
stdin 77:1  root stylesheet

这里是一个代码盒,只有JS导入和SCSS@use@include语句来演示这个问题。

你需要用@use '@material/icon-button/icon-button'替换@use '@material/icon-button'。您还需要添加@material/icon-button包。目前包结构在整个包集中不一致。我猜MDC团队正在试验它的结构。

也删除@use '@material/icon-button/mdc-icon-button';。这些/mdc & lt; package-name>.scss/styles.scss如果您想立即包含CSS,而不需要额外的@include <package-name>.core-styles调用,则需要文件以方便。

最新更新