Описание
📝 Все подробности читайте здесь babel-plugin-transform-css-modules/README_ABOUT_UNSAFE.md
Вычисляемые названия свойства
Вот пример, как должно быть:
- styles[`Component--mode-${mode}`];
+ const modeClassNames = {
+ vertical: styles["Component--mode-vertical"],
+ horizontal: styles["Component--mode-horizontal"],
+ };
+ modeClassNames[mode];Утилитарные функции
Вызовы следующих функций:
заменить вот таким образом:
- getSizeYClassName(styles["Component"], sizeY)
+ const sizeYClassNames = {
+ none: styles["Component--sizeY-none"],
+ compact: styles["Component--sizeY-compact"],
+ regular: styles["Component--sizeY-regular"],
+ };
+ sizeYClassNames[sizeY];в случае, если какого-то из вариаций нет, использовать null:
- getSizeYClassName(styles["Component"], sizeY)
+ const sizeYClassNames = {
+ none: styles["Component--sizeY-none"],
+ compact: styles["Component--sizeY-compact"],
+ regular: null,
+ };
+ sizeYClassNames[sizeY];
Чеклист
Описание
Вычисляемые названия свойства
Вот пример, как должно быть:
Утилитарные функции
Вызовы следующих функций:
getSizeXClassName()[v5][CSS Modules] Отказаться от использованияgetSizeXClassName()#4240getSizeYClassName()[v5][CSS Modules] Отказаться от использованияgetSizeYClassName()#4257getPlatformClassName()[v5][CSS Modules] Отказаться от использованияgetPlatformClassName()#4272getViewWidthClassName()[v5][CSS Modules] Отказаться от использованияgetViewWidthClassName()#4273getHoverClassName()[v5][CSS Modules] Удалить не используемые функции для адаптивности #4271getPointerClassName()[v5][CSS Modules] Удалить не используемые функции для адаптивности #4271getViewHeightClassName()[v5][CSS Modules] Удалить не используемые функции для адаптивности #4271заменить вот таким образом:
в случае, если какого-то из вариаций нет, использовать
null:Чеклист