Contents
SharePoint assets can be provisioned as part of the SharePoint Framework solution, and are deployed to SharePoint sites when the solution is installed on it. Before you start, complete the procedures in the following articles to ensure that you understand the basic flow of creating a custom client-side web part:
SharePoint 2016 Feature Pack 2 supports SharePoint Framework client-side web parts hosted in classic SharePoint pages. An introduction to SharePoint Framework development in SharePoint 2016 using Feature Pack 2 is also covered in the following video on the SharePoint PnP YouTube Channel.
Where is the asset deployment webpart in SharePoint?
Upload or drag and drop the asset-deployment-webpart.sppkg located in the sharepoint/solution folder to the app catalog. SharePoint displays a dialog and asks you to trust the client-side solution to deploy. SharePoint validates the published package when it’s deployed.
How to add web parts to SharePoint Server 2016?
SPFx solutions targetting SharePoint Server 2016 are limited to setting only a single web part property as a preconfigured entry. For more information, see issue #5260. Each SharePoint Framework client-side web part consists of two pieces:
To help you avoid styling conflicts, SharePoint Framework uses CSS modules. When building the project, the SharePoint Framework toolchain processes all files with the .module.scss extension. For each file, it reads all class selectors and appends a unique hash value to them.
As an example: if you’re provisioning an instance of a custom list the FeatureId attribute should be set to {00bfea71-de22-43b2-a848-c05709900100}. For more detail on the Feature element manifest schema, see: Using Features in SharePoint Foundation.
How are CSS selectors written in SharePoint framework?
When building the project, the SharePoint Framework toolchain processes all files with the .module.scss extension. For each file, it reads all class selectors and appends a unique hash value to them. After it’s finished, it writes the updated selectors to intermediate CSS files that are included in the generated web part bundle.