Классы Fabric Office UI отсутствуют в проекте Sharepoint Framework

Question

Я новичок в Sharepoint Framework, но я использовал команду 'yo @microsoft/sharepoint', чтобы создать новый проект React/SPFx. Однако при этом кажется, что у меня нет доступа к некоторым классам CSS, доступным в OfficeUI Fabric. Например, если я пытаюсь создать типичный макет сетки, классы ms-Grid-row и ms-Grid-col работают как положено, а классы утилиты определения размера - нет (ms-sm6, ms-lg6). Работают и другие классы фабрики, такие как ms-bgColor-нейтральный Light, ms-font-xl и ms-fontWeight-semibold ... так что часть этого стиля проходит.

Если я добавлю ссылку на файл workbench.html, указывающий на CDN файла fabric.css, я получу эти классы снова работающими... но это не решение, так как этот файл является только временной сборкой файла для тестирования во время компиляции,

Есть ли что-то еще, что нужно сделать, чтобы включить fabric.css (или fabric.min.css) в мой проект?

Answer 1

Я сталкиваюсь с той же проблемой. Yeoman сгенерировал веб-часть SPFX (React) для локального экземпляра. Копаясь в модуле узла, я обнаружил, что классы не соответствуют документации. Там, где в документации сказано использовать ms-md6, в файле css есть ms-u-md6. Похоже, что все классы макета следуют этому шаблону ms-u-, а не просто ms -... Добавление -u к className теперь дает мне столбцы соответствующего размера.

Путь к файлу, в котором я нашел классы: .../node_modules/office-ui-fabric/dist/css/fabric.css (YMMV)