我正处于优化阶段,到目前为止,一直在导入material-components-web
。现在,我想将整个库作为单独的包导入,这样我就可以注释掉我不使用的模块。因此,我阅读了文档,并为每个包添加了JavaScript导入和初始化以及SASS@use
s和@include
s,并重命名了重复的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
调用,则需要文件以方便。