Пожалуйста, проверьте шаги в блоге ниже:
Создание и развертывание веб-части на стороне клиента (SPFx) в SharePoint Online
1) Как только вы закончите в вашей локальной разработке нам нужно настроить путь CDN, где мы можем разместить наши файлы.
Go в config> write-manifest. json file.
Здесь, введите свой путь CDN. Это должен быть путь, который может быть доступен конечным пользователям. Это может быть Azure или SharePoint или что-то еще.
Измените его, как показано ниже (пример кода), и сохраните файл:
{
"$ schema": "https://dev.office.com/json-schemas/spfx-build/write-manifests.schema.json",
"cdnBasePath": ""
}
2) Теперь вам нужно сгенерировать файлы для развертывания .
Для этого выполните следующую команду:
gulp bundle –-ship После этого вы найдете папку temp> deploy внутри вашего решения, как показано ниже: 
После того, как это будет сгенерировано, загрузите все файлы из папки развертывания в свой CDN или Активы сайта (как в нашем случае). Эту задачу также можно автоматизировать с помощью расширенных задач gulp.
3) Теперь мы создадим файл spapp для загрузки в каталог приложений.
Для этого выполните следующую команду:
gulp package-solution –-ship Это создаст файл sppkg в папке sharepoint, как показано ниже: 
Загрузите его в каталог приложений. SharePoint покажет вам всплывающее окно и попросит доверить развертывание клиентского решения.
Нажмите Развернуть.
После этого вы можете добавить его, как добавление приложения на сайт SharePoint. .